Table
Tables organize and display data within digital platforms, offering a structured view that enhances comprehension and analysis. These components are essential for presenting information in a clear, grid-like format, allowing for easy comparison, sorting, and detailed examination of datasets.
Examples
Header Table Cell
Add a header cell by including the header prop in the columns array.
| Position | ||
|---|---|---|
Samuel | CTO | |
Samraaj | CEO | |
Yuma | Founding Engineer |
Note that columns should preferrably be memoized
Table Cell
Add a table cells by including the cell prop in the columns array.
| Activated | ||
|---|---|---|
Samuel CTO | Active | |
Samraaj CEO | Active | |
Yuma Founding Engineer | Active |
Note that columns should preferrably be memoized
Installation
Properties
For more advanced usage, see https://tanstack.com/table/latest (opens in a new tab).
Columns rendered in the Table. For more details, see https://tanstack.com/table/v8/docs/api/core/column-def (opens in a new tab).
Data displayed in the Table.