Fixed Headers

[enriqc3]

Has anyone figured out a way to have fixed headers?

I'm looking for a way to make sure the headers are always visible to the user as they are scrolling down through the data

[nobledm]

Sticky headers work under normal CSS position: sticky rules ^^

• You cannot animate a thead, but you can individual th elements
• Have position: sticky; and top: ##; properties set on the th elements
• Have position: relative; set on the root table element
• Cannot have overflow set on any parent container

Here is a CodePen I found doing a simple demonstration on a plain table. But I did a quick test on a sample datatable and it works ^^
https://codepen.io/chriscoyier/pen/PrJdxb/