When displaying large amounts of data in a table, it can often be useful for the end user to have the column titles (the thead element as a whole in fact) always visible. This is particularly true if using DataTables with pagination disabled, or the display length is set to a high value.

This example shows how FixedHeader can be enabled and disabled for a table using the fixedHeader.enable() and fixedHeader.disable() API methods. This can be useful if you want to dynamically control the behavior of the fixed elements.

This example shows how FixedHeader can be enabled and disabled using the fixedHeader.adjust() API method. This is can be particularly useful if FixedHeader is used for DataTables that are enclosed in tabs, so the header is disabled when the tab containing it is not visible, and also to then realign the FixedHeader when the table is then made visible again.

FixedHeader will automatically work with the Responsive extension for DataTables. All you need to do is enable both options on the table and they will automatically cooperate.

FixedHeader will automatically work with the Responsive extension for DataTables. All you need to do is enable both options on the table and they will automatically cooperate.

ColReorder is an extension for DataTables that provides the ability to click and drag column header cells, reordering the columns as it does so.