Search⌘ K
AI Features

Tables

Explore how to use Tailwind CSS utilities to style HTML tables, including auto and fixed layouts, border merging, and column sizing. Learn to enhance table design with spacing and borders to create clear, organized tabular data presentations.

We'll cover the following...

Columns of a table

Using a table was the traditional way of spacing HTML pages. Unless we are displaying tabular data, a CSS grid is now preferable for layout purposes, so Tailwind does not provide many specific table utilities.

Tailwind lets us use .table-auto to keep the default browser behavior of auto spacing the columns of a table based on its ...