DataTable
Dense data display: sortable column headers, row selection with checkboxes, client-side pagination, and an empty state — all inside a Surface.
Deployments
| Created | ||||
|---|---|---|---|---|
| main | ready | 48s | 12m ago | |
| feat/checkout | ready | 51s | 1h ago | |
| main | building | 12s | 2h ago | |
| fix/header | failed | 7s | 3h ago | |
| main | ready | 44s | 5h ago | |
| feat/search | ready | 63s | 8h ago |
11 rows
Page 1 of 2
Usage
<DataTable
data={deployments}
columns={columns}
getRowId={(d) => d.id}
selectable
pageSize={6}
onSelectionChange={(ids) => …}
/>