Tables

Tailwind doesn't have very many classes for tables, relying on the rest of the tags to do most of the work.


Table Layout

table-auto table-fixed

Docs Try it

These first group of classes let you control wether the browser decides to auto-size your table with table-auto or if you want all cells to be the exact same size with table-fixed.

You can see by my example that you style tables with the same set of classes that you use for everything else.

table-auto is also the default, so you don't have to add it, but it's good if you need to programmatically reset the border.


Border Collapse

border-collapse border-separate

Docs Try it

These first group of classes let you control wether the browser decides to auto-size your table with table-auto or if you want all cells to be the exact same size with table-fixed.