Infinite Table Reference

Specifies the active cell for keyboard navigation. This is a controlled prop. See the Keyboard Navigation page for more details.

Specifies the active row for keyboard navigation. This is a controlled prop. See the Keyboard Navigation page for more details.

Controls auto-sizing of columns.

Specifies the a default width for all columns.

Specifies the maximum width for all columns.

Specifies the minimum width for all columns.

Defines the order in which columns are displayed in the component

Describes the columns available in the component.

Specifies custom React components to use for column cells or header

Specifies a custom React component to use for column cells

Specifies a custom React component to use for column headers

Specifies if the column should show ellipsis for content that is too long and does not fit the column width.

Specifies a default flex for the column

Controls default column visibility when groupBy is used.

Specifies a default width for the column

Binds the column to the specified data field. It should be a keyof DATA_TYPE.

Specifies the column header. Can be a static value or a function that returns a React node.

Specifies if the column should show ellipsis in the column header if the header is too long and does not fit the column width.

Configures the maximum width for the column.

Configures the minimum width for the column.

Customizes the rendering of the column.

Customizes the rendering of the column content.

Specifies if the current column is resizable or not.

Specifies the rowspan for cells on the current column.

Specifies the sort type for the column. See related sortTypes

Controls styling for the column. Can be a style object or a function returning a style object.

Specifies the column type - a column type is a set of properties that describes the column. Column types allow to easily apply the same properties to multiple columns.

Customizes the value that will be rendered

Defines the sizing of columns in the grid.

Specifies the flex value for the column.

Specifies the minimum width for a column. Especially useful for flexible columns.

Specifies the maximum width for a column. Especially useful for flexible columns.

Specifies the fixed width for the column.

Specifies an object that maps column type ids to column types. Column types are used to apply the same configuration/properties to multiple columns.

Specifies a default flex value for the column type. Will be overriden in any column that already specifies a defaultFlex property.

Specifies a default fixed width for the column type. Will be overriden in any column that already specifies a defaultWidth property.

Specifies a default maximum width for the column type. Will be overriden in any column that already specifies a maxWidth property.

Specifies a default minimum width for the column type. Will be overriden in any column that already specifies a minWidth property.

Specifies the active cell for keyboard navigation. This is an uncontrolled prop. See the Keyboard Navigation page for more details.

Specifies the active row for keyboard navigation. This is an uncontrolled prop. See the Keyboard Navigation page for more details.

Defines the order in which columns are displayed in the component.

Defines a default sizing of columns in the grid.

Specifies the flex value for the column.

Specifies the minimum width for a column. Especially useful for flexible columns.

Specifies the maximum width for a column. Especially useful for flexible columns.

Specifies the fixed width for the column.

DOM properties to be applied to the component root element.

CSS class name to be applied to the component root element when it has focus.

CSS class name to be applied to the component root element when there is focus within (inside) the component.

Specifies the style to be applied to the component root element when it has focus.

Specifies the style to be applied to the component root element when there is focus within (inside) the component.

Allows you to define a custom configuration for one or multiple group columns.

Determines how grouping is rendered - whether a single or multiple columns are generated. In case of inline, no group column is generated but the column corresponding to the group field is used.

Allows you to hide group columns which don’t render any information (this happens when all previous groups are collapsed).

Determines whether keyboard navigation is enabled.

The text inside the load mask - displayed when loading=true.

Callback triggered by cell navigation. See the Keyboard Navigation page for more details.

Callback triggered by row navigation. See the Keyboard Navigation page for more details.

Function that is called when a focused element is blurred within the component.

Called as a result of user changing the column order

Called as a result of user doing a column resize.

Function that is called when the table receives focus within the component.

Triggered when the user has scrolled to the bottom of the component

Callback to be notified of changes to viewportReservedWidth

Controls the position and visibility of pivot grand-total columns

Controls the position and visibility of pivot total columns

Controls if by default all columns are resizable or not.

Specifies the height for rows. If a string is passed, it should be the name of a CSS variable, eg --row-height

Specifies the className to be applied to all rows or conditionally to certain rows.

Specifies the style object to be applied to all rows or conditionally to certain rows.

Specifies the width of the space to be kept as blank - useful when there are flex columns. This number can even be negative.

Determines scrolling the table to the top.

Configures whether columns are virtualized or not