Tables – 22 Free HTML Table & Datatable Templates
Tables is a pack of 22 table designs, each a single self-contained HTML file with the CSS 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 twelve 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, and the empty, loading and error states.
At a glance
- 22 designs, one folder each, single
index.htmlper design - Ten of the 22 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 21 — 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.
