Search

This example shows the RowGroup extension for DataTables being used with RowGroup. The integration between these extensions has been unsupported in the past, but it is now possible.

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.

a href="//datatables.net/extensions/fixedcolumns">FixedColumns extension for DataTables being used with FixedHeader.

ColReorder is an extension for DataTables that provides the ability to click and drag column header cells, reordering the columns as it does so. FixedHeader requires no special initialisation when operating with ColReorder - simply initialise both on the table.

Buttons provides a number of options to control a DataTable including column visibility control. This example shows how FixedHeader will dynamically update as the column visibility changes.

This example shows DataTables and the FixedColumns extension being used with Fomantic-UI (a maintained fork of Semantic-UI). The DataTables / Fomantic-UI integration provides seamless integration for DataTables to be used in a Fomantic-UI page.

This example shows DataTables and the FixedColumns extension being used with Bootstrap 5 providing the styling. The DataTables / Bootstrap 5 integration provides seamless integration for DataTables to be used in a Bootstrap 5 page.

This example shows DataTables and the FixedColumns extension being used with Bootstrap 4 providing the styling. The DataTables / Bootstrap integration provides seamless integration for DataTables to be used in a Bootstrap 4 page.

This example shows DataTables and the FixedColumns extension being used with the Bootstrap 3 framework providing the styling. The DataTables / Bootstrap integration provides seamless integration for DataTables to be used in a Bootstrap page.

a href="//datatables.net/extensions/select">Select extension for DataTables being used with FixedColumns.