Table fixed header
Bootstrap 5 Table fixed header component
Responsive Table Fixed Header built with Bootstrap 5. Use this option to make your table header sticky to the top while scrolling. Examples and tutorial.
Basic example
The key to achieve a table header which is fixed on scroll is by setting the position property to sticky and specifying "0" as a value of top property for the thead element.
Need even more robust tables? Try Data Den.
- Quick customization & hyper-focus on data management
- Easily integrate it with any project (not only MDB)
- Column Pinning, Drag&Drop Columns, Advanced Filtering & much more
For enterprise projects & users seeking advanced data controls. Tailor your data your way.
Datatable fixed header
Use the fixedHeader option to ensure that a table's header is always visible while scrolling.
This is a mobile version of the documentation.
View this website on the desktop to copy & edit the source code of the component.