JD
Data Table
A generic sortable and paginated table wrapper for dense operational datasets.
Preview & Interactive Laboratory
Account | Owner | Region | MRR | Status |
|---|---|---|---|---|
| Northstar Bio | A. Chen | US | $12,800 | Expansion |
| Helio Systems | M. Singh | EU | $9,400 | Healthy |
| Canvas Retail | J. Park | US | $7,200 | Review |
| Atlas Energy | D. Reed | MEA | $11,100 | Healthy |
Showing 1 to 4 of 6 entries
Usage & Implementation
<DataTable
columns={columns}
data={rows}
pageSize={5}
/>React / Tailwind
Granular Customization
1
Columns
Define headers, accessor keys, sorting, and optional custom cells.
className={`columns={[...]}`}2
Page Size
Control the row count per page.
className={`pageSize={8}`}3
Wrapper
Extend layout spacing and outer chrome.
className={`className`}API Reference (Props)
| Prop | Type | Default | Description |
|---|---|---|---|
| columns | Column<T>[] | - | Column configuration for the table. |
| data | T[] | - | Row data. |
| pageSize | number | 5 | Rows shown per page. |