Tables – 23 Free HTML Table & Datatable Templates
Tables is a pack of 23 table designs. Each folder includes the same design in plain HTML and CSS, Bootstrap 5.3.8 and Tailwind CSS 4, with any required vanilla JavaScript kept inline. Ten are table layouts — striped, dark admin, responsive stack, sticky header, selectable, expandable, comparison, invoice, minimal, plus a complete vanilla-JS datatable. The other thirteen are the pieces that turn a table into a data table: a toolbar, real sort states, frozen columns, grouped rows, a tree table, inline charts, row actions, pagination, resizable columns, reorderable rows, inline editing, saved views with bulk actions, and the empty, loading and error states.
At a glance
The new saved-view table workspace combines named search and filter views, selection across pages, bulk ready/archive actions and export of every matching row. Views and demo changes save in this browser. Try the live demo.
- 23 designs, one folder each:
index.html,bootstrap.htmlandtailwind.html - Ten of the 23 need no JavaScript at all; the rest keep theirs inline and commented
- No jQuery and no DataTables.js — the full datatable is about sixty lines of vanilla JS
- Sortable headers are buttons with
aria-sort; scroll regions are focusable and labelled; row actions appear on:focus-withinas well as hover - Reordering and resizing both have keyboard paths, with changes announced in a live region
- Every design checked at 380px for horizontal overflow
How to use
Open the design you want and copy the markup along with the rules from its <style> block. Each design is self-contained — nothing depends on the other 22 — so you can take just the toolbar, just the sorting, or just the frozen column.
FAQ
Are these table templates free?
Yes — free for personal and commercial projects, including client work.
Do they need Bootstrap or DataTables.js?
No. They use their own class names, so they sit alongside Bootstrap without collisions, and nothing here loads a datatable library.
