Table

Beta notice: This page is being built.Edit on GitHub(opens in new tab)

Displays data-driven rows without plugins or a second children-based table contract.

longlink docs component "Table"

Example

ItemStatus
OrderOpen

Properties

Table - Properties
dataT[]
Data objects displayed as rows.
hasHoverboolean
Applies a hover highlight background to rows on pointer devices.
isStripedboolean
Applies a background wash to even-numbered rows.
columns{ key: string; header?: ReactNode; width?: ColumnWidth; align?: "start" | "center" | "end"; renderCell?: ((row: T) => ReactNode); }[]
Columns with custom cells and proportional() or pixel() widths.