Table

A headless table primitive for building accessible, data-driven tables.

Basic

A simple data table using semantic Table, TableHeader, TableBody, and TableRow components.
Loading example…

Striped Rows

Alternating row colors for better readability. Apply conditional CSS classes to TableRow based on the row index.
Loading example…
Table with a footer row for totals. Use a <tfoot> element with TableRow and TableCell components inside.
Loading example…

Anatomy

Loading example…