Handy tip on making table headings sticky:

You only need to add 2 CSS properties on your thead:

position: sticky;
top: 0;

That’s it! Best of all, sticky has ~96% global support which means this isn’t some “bleeding-edge” property and can safely support a ton of browsers. Not to mention the improved experience for your end-users!