Source: https://tailwindcss.com/plus/ui-blocks/application-ui/lists/tables

• • Marketing

  • Application UI

  • Ecommerce

  • Documentation

• Application Shells

  • Stacked Layouts

  • Sidebar Layouts

  • Multi-Column Layouts

• Headings

  • Page Headings

  • Card Headings

  • Section Headings

• Data Display

  • Description Lists

  • Stats

  • Calendars

• Lists

  • Stacked Lists

  • Tables

  • Grid Lists

  • Feeds

• Forms

  • Form Layouts

  • Input Groups

  • Select Menus

  • Sign-in and Registration

  • Textareas

  • Radio Groups

  • Checkboxes

  • Toggles

  • Action Panels

  • Comboboxes

• Feedback

  • Alerts

  • Empty States

• Navigation

  • Navbars

  • Pagination

  • Tabs

  • Vertical Navigation

  • Sidebar Navigation

  • Breadcrumbs

  • Progress Bars

  • Command Palettes

• Overlays

  • Modal Dialogs

  • Drawers

  • Notifications

• Elements

  • Avatars

  • Badges

  • Dropdowns

  • Buttons

  • Button Groups

• Layout

  • Containers

  • Cards

  • List containers

  • Media Objects

  • Dividers

• Page Examples

  • Home Screens

  • Detail Screens

  • Settings Screens

5-day Mini-Course

Build UIs that don’t suck.

Short, tactical video lessons from the creator of Tailwind CSS, delivered directly to your inbox every day for a week.

Get the free course

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

---

Preview

Get the code →

Simple

---

Preview

Get the code →

Simple in card

---

Preview

Get the code →

Simple in card

---

Preview

Get the code →

Full width

---

Preview

Get the code →

Full width

---

Preview

Get the code →

Full width with constrained content

---

Preview

Get the code →

Full width with constrained content

---

Preview

Get the code →

With striped rows

---

Preview

Get the code →

With striped rows

---

Preview

Get the code →

With uppercase headings

---

Preview

Get the code →

With uppercase headings

---

Preview

Get the code →

With stacked columns on mobile

---

Preview

Get the code →

With stacked columns on mobile

---

Preview

Get the code →

With hidden columns on mobile

---

Preview

Get the code →

With hidden columns on mobile

---

Preview

Get the code →

With avatars and multi-line content

---

Preview

Get the code →

With avatars and multi-line content

---

Preview

Get the code →

With sticky header

---

Preview

Get the code →

With sticky header

---

Preview

Get the code →

With vertical lines

---

Preview

Get the code →

With vertical lines

---

Preview

Get the code →

With condensed content

---

Preview

Get the code →

With condensed content

---

Preview

Get the code →

With sortable headings

---

Preview

Get the code →

With sortable headings

---

Preview

Get the code →

With grouped rows

---

Preview

Get the code →

With grouped rows

---

Preview

Get the code →

With summary rows

---

Preview

Get the code →

With summary rows

---

Preview

Get the code →

With border

---

Preview

Get the code →

With border

---

Preview

Get the code →

With checkboxes

---

Preview

Get the code →

With checkboxes

---

Preview

Get the code →

With hidden headings

---

Preview

Get the code →

With hidden headings

---

Preview

Get the code →

Full width with avatars

---

Preview

Get the code →

Full width with avatars

---

Preview

Get the code →