Founding price: $35, then $79.99 after 23:59 UTC on 4 November, then $79.99
Get ProThe table body of the data grid: header, rows, selection, expansion, pinning, resizing and sticky edges.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
DataGridTable renders the grid's table element from the table instance held by DataGrid. It supports row selection, expandable and pinned rows, pinned and resizable columns, a sticky header, striped, dense and bordered layouts, and loading skeletons.
| Export | Description |
|---|---|
DataGridTable | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableAddRow | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableBase | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableBody | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableBodyRow | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableBodyRowCell | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableBodyRowExpandded | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableRenderedRow | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableBodyRowSkeleton | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableBodyRowSkeletonCell | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableEmpty | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableFillBodyCell | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableFillHeadCell | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableFoot | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableFootRow | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableFootRowCell | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableHeader | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableHead | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableHeadRow | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableHeadRowCell | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableHeadRowCellResize | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableLoader | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableRowExpand | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableRowPin | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableRowSelect | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableRowSelectAll | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableRowSpacer | A part of the component; compose it with the others as shown in the usage example. |
DataGridTableViewport | A part of the component; compose it with the others as shown in the usage example. |
getDataGridHeadCellResizeHeader | A part of the component; compose it with the others as shown in the usage example. |
getDataGridHeadCellSizeVar | A part of the component; compose it with the others as shown in the usage example. |
getDataGridScrollAreaViewport | A part of the component; compose it with the others as shown in the usage example. |
getDataGridTableMergedHeaderGroups | A part of the component; compose it with the others as shown in the usage example. |
renderDataGridTableHeadCellContent | A part of the component; compose it with the others as shown in the usage example. |
getPinningStyles | A part of the component; compose it with the others as shown in the usage example. |
getDataGridTableResolvedRows | A part of the component; compose it with the others as shown in the usage example. |
getDataGridTableRowSections | A part of the component; compose it with the others as shown in the usage example. |
getDataGridTreeIndentStyle | A part of the component; compose it with the others as shown in the usage example. |
hasDataGridTableRightPinnedColumns | A part of the component; compose it with the others as shown in the usage example. |
Uses native table elements (table, thead, tbody, th, td) so screen readers get row and column navigation. Selection and expand controls are buttons or checkboxes with accessible names, and the spinner and skeleton states are announced.
Based on ReUI (MIT), adapted for tealmac UI. See the third-party notices.