Bootstrap 6 Tables — 10 Free Table Templates
Ten Bootstrap 6 table layouts covering what real admin, billing and reporting screens actually need — sorting, filtering, pagination, row selection, sticky headers, pinned columns and a pricing comparison matrix. Every variant renders the same invoice dataset, so what changes between them is the treatment rather than the content.
The headline v6 addition here is .table-stacked: below the breakpoint each row becomes a labelled block instead of forcing a horizontal scroll, and the header cells supply the labels so there is no data-label duplication to maintain. The interactive variants — sorting, filtering, pagination, selection — are a few dozen lines of vanilla JavaScript operating on the rows already in the DOM, not a datatable library. That is a deliberate ceiling: it keeps the tables readable with JavaScript off and fast to a few hundred rows.
Key features
- Ten standalone table pages plus an index gallery
- The new .table-stacked — rows reflow to labelled blocks on mobile, no horizontal scroll
- Click-to-sort headers that set aria-sort so the direction is announced
- Search and Combobox status filter with a live count and empty state
- Client-side pagination with real <nav> markup and disabled end states
- Row selection with an indeterminate select-all and a bulk-action bar
- Rich cells — avatar stacks, status badges and inline progress bars
- Sticky header with a pinned first column, scrolling in both directions
- Feature comparison matrix with visually-hidden text on every tick and cross
- Semantic markup throughout — th scope=row, captions, tabular figures
- Vanilla JavaScript operating on DOM rows — no datatable library
- Bootstrap 6 vendored at a pinned commit, ESM-only, no build step
Before you use it
Bootstrap 6 has not been released. npm i bootstrap@6 does not work yet and the framework is still changing, so treat this as a head start on learning v6 rather than a foundation for a production site you need to maintain today. The framework is vendored into the template at a pinned commit, so nothing here can drift. It targets evergreen browsers only — Safari 16.4+, Chrome 111+ and Firefox 113+ — because Bootstrap 6 is built on oklch() and color-mix().
