Table API
API reference docs for theTablecomponent. For examples and details on the usage of this component, visit the component demo page.
Props
| Props | Type | Definition | Default |
|---|---|---|---|
role | 'table'|'grid' | The role attribute of the table . Use 'grid' for interactive tables that have buttons, links, or other interactive elements. | table |
data | Array | The dataset for the table.Each item in the array represents a row in the table and can be either an object or a primitive value. | _ |
columns | Array | The columns of the table. Each column is represented by a ColumnDef object, which specifies properties such as the header, accessor, and other column configurations. | _ |
pagination? | Object | Configuration to control the pagination behavior of the table. It should include properties such as pageSize, which specifies the number of items per page | _ |
emptyTemplate? | ReactNode | Fallback template to render inside the table body when there is no data available. | _ |
|
| Sorting is enabled by default for the table. To disable sorting for the entire table, set this prop to Note: You can also disable sorting for specific columns by setting this in the column definition for the required columns. | _ |
sortDescFirst? | boolean | For numbers, the default sorting direction is DESC, while for strings, it is ASC. To apply the same sorting order (DESC) to strings as well, set this prop to true. This will make the first sorting direction DESC for all columns on the first click. |