Tailwind table generator

← All tools

Build accessible table markup with Tailwind utilities. Preview uses this tool's CSS so it works without a Tailwind runtime.

~~~

Presets

Preview

Fix the row/column counts to preview the table.
Sample data table
~~~

HTML

All controls are saved in the URL for sharing.
~~~
About this tool
Generates a semantic table with scope="col" headers, optional caption, and Tailwind utilities for striping, borders, density, sticky header, and horizontal overflow. Sticky header pairs with a max-height overflow wrapper when enabled.
Sample cell text is filler — replace it with your data before shipping. Striped rows add bg-slate-50 to every other row. On small screens, enable the overflow wrapper so wide tables scroll horizontally instead of breaking the page layout. Tables are for tabular data; resist using them purely for layout grids.
~~~
Read more
~~~
Free books and courses
Get my programming books and courses as PDF and EPUB files.
Get the download library →