15.25Component
DataTable.
TanStack Table wrapper. Sortable headers, optional pagination, optional row click. Everything dense, every figure in mono tabular.
Default · sortable · 6 rows
| Order | Customer | Status | Total |
|---|---|---|---|
| #SO-12944 | Lloyd Lebowitz | Delivered | €254.00 |
| #SO-12945 | Yuki Tanaka | At supplier | €189.00 |
| #SO-12946 | Mira Aharon | Delivered | €412.00 |
| #SO-12947 | Pavel Kaspar | Shipped | €96.00 |
| #SO-12948 | Sofía Cruz | Paid | €318.00 |
| #SO-12949 | Wei Chen | Placed | €144.00 |
- row height
- h-11 default · h-10 dense
- zebra
- alternate rows on bg-mist/50
- header
- bg-glacier · mono uppercase 10.5px · ink-4 · sortable
- click
- onRowClick toggles cursor-pointer + hover bg-mist/70
- empty
- centered EmptyState with brand voice copy
- pagination
- page-size prop · ghost prev/next at bottom-right