DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
Search...
Examples
Manual
Reference
Extensions
AutoFill
Buttons
ColReorder
Editor
FixedColumns
FixedHeader
Examples
Reference: Options
Reference: API
KeyTable
Responsive
RowGroup
RowReorder
Scroller
SearchBuilder
SearchPanes
StateRestore
Select
Standalone:
DateTime
Legacy:
ColVis
Legacy:
TableTools
Plug-ins
Blog
Forums
Support
FAQs
Download
Purchase
≡
Show site navigation
Examples index
The following examples show how FixedHeader can be used via its configuration and styling options.
Initialisation and options
Basic initialisation
Header and footer fixed
Multiple tables
Complex headers and footers
Offset - automatic
Offset - manual
Scrolling Table
Horizontal page scrolling
Enable / disable FixedHeader
Show / hide FixedHeader
Alternative initialisation
Styling
Bootstrap 3
Bootstrap 4
Bootstrap 5
Foundation
Bulma
Fomantic-UI (formally Semantic-UI) styling
jQuery UI styling
Integration with other DataTables extensions
Responsive integration
RowGroup
Scroller
ColReorder integration
Buttons columns visibility integration
FixedColumns
Column filtering