Tailwind

Tables

Provides a set of styles for native HTML table elements.

Source Page Source

Demo

Name Symbol Atomic Number
Rubidium Rb 37
Darmstadtium Ds 110
Palladium Pd 46
Helium He 2
Indium In 49
Total Elements 5 Elements

Wrap a .table-container element around any native HTML table with the .table class applied to create a responsive table.

Options

Apply classes .table-compact or .table-comfortable to the table for tighter or looser row spacing.

html 
<table class="table-compact">...</table>

Datatables

View our guide for integrating datatable features into your tables.

Datatable Integration →