Tailwind

Tables

Provides a set of styles for native HTML table elements.

Source Page Source

Demo

Position Name Symbol Weight
1 Hydrogen H 1.0079
2 Helium He 4.0026
3 Lithium Li 6.941
4 Beryllium Be 9.0122
5 Boron B 10.811
Total Weight 31.7747

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>

See Also

A simple data-driven table component.

Tables Component →