Skip to content

Table

Rows of records with shared columns.

Installation

Default

A plain table, rows separated by hairlines.

In a card

variant='card' straight in an Card, in place of CardContent: header and footer rows sit on the shell, the body is the card.

With header

CardHeader above the table; no footer, so the shell shows as a 4px rim below the body.

Flush

variant='flush' inside CardContent with overflow-hidden: the header row sits in the card; first and last column on the card title’s edge.

With selection

TanStack useTable with rowSelectionFeature; a selected row is selected.

Empty

One cell over every column holds an Empty.