Tailwind CSS Tables

Use these Tailwind CSS table components to present tabular data in a clear, structured, and sortable format. These table components are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Simple

Get the code

Simple on dark

Get the code

Simple in card

Get the code

Full width

Get the code

Full width with constrained content

Get the code

With striped rows

Get the code

With uppercase headings

Get the code

With stacked columns on mobile

Get the code

With hidden columns on mobile

Get the code

With avatars and multi-line content

Get the code

With sticky header

Get the code

With vertical lines

Get the code

With condensed content

Get the code

With sortable headings

Get the code

With grouped rows

Get the code

With summary rows

Get the code

With border

Get the code

With checkboxes

Get the code

With hidden headings

Get the code

Full width with avatars on dark

Get the code