Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProA TanStack Table data grid with sorting, filtering, pinning, resizing, column menus, pagination and localizable labels.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
The grid is built on TanStack Table v9: you create the table with useTable, pass dataGridFeatures (the features the grid renders) and hand it to DataGrid. DataGridTable and DataGridScrollArea are separate items so you only install what you use; every other part (DataGridColumnHeader, DataGridColumnFilter, DataGridColumnVisibility, DataGridPagination) ships in this one.
Every built-in string can be replaced through the i18n prop.
| Export | Description |
|---|---|
mergeDataGridI18n | A part of the component; compose it with the others as shown in the usage example. |
dataGridFeatures | A part of the component; compose it with the others as shown in the usage example. |
getColumnHeaderLabel | A part of the component; compose it with the others as shown in the usage example. |
getDataGridHeaderSpans | A part of the component; compose it with the others as shown in the usage example. |
getDataGridCellSelectionCellAttrs | A part of the component; compose it with the others as shown in the usage example. |
dataGridCellSelectionCellClasses | A part of the component; compose it with the others as shown in the usage example. |
toDataGridDomId | A part of the component; compose it with the others as shown in the usage example. |
useDataGrid | A part of the component; compose it with the others as shown in the usage example. |
useDataGridAtom | A part of the component; compose it with the others as shown in the usage example. |
DataGridProvider | A part of the component; compose it with the others as shown in the usage example. |
DataGrid | A part of the component; compose it with the others as shown in the usage example. |
DataGridContainer | A part of the component; compose it with the others as shown in the usage example. |
DataGridColumnHeader | A part of the component; compose it with the others as shown in the usage example. |
DataGridColumnFilter | A part of the component; compose it with the others as shown in the usage example. |
DataGridColumnVisibility | A part of the component; compose it with the others as shown in the usage example. |
DataGridPagination | A part of the component; compose it with the others as shown in the usage example. |
The props are typed, and each part accepts the usual attributes of the element it renders.
Renders a real table with column headers; sortable headers are buttons that announce the sort direction, the column menu and the page controls are keyboard operable and labelled, and the row selection checkboxes carry labels. Pass i18n labels to localize them.
Based on ReUI (MIT), adapted for tealmac UI. See the third-party notices.