Table

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

Basic

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

Striped Rows

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

Anatomy

Loading example…