AdvancedDataTable

Organism

Enhanced table with row selection (with indeterminate header), expandable rows, and optional sticky header.

Selectable + Expandable

Preview
Team members
NameRoleStatus
AliceAdminActive
BobEditorInactive
CarolViewerActive
DaveEditorActive
Code
<AdvancedDataTable
  columns={[{ key: 'name', header: 'Name' }, ...]}
  rows={rows}
  selectable
/>

Sticky Header

Preview
Sticky header table
NameValue
Row 10
Row 210
Row 320
Row 430
Row 540
Row 650
Row 760
Row 870
Row 980
Row 1090
Code
<AdvancedDataTable columns={columns} rows={rows} stickyHeader />
Sourcemodules/ui/AdvancedDataTable.tsx