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.

_

enableSorting?

boolean

Sorting is enabled by default for the table. To disable sorting for the entire table, set this prop to false.

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.