Infinite Table Hooks

Infinite Table exposes a few custom hooks that can be used to customize the component and its behavior. Most of the hooks will be useful when you want to implement custom components for InfiniteTable - like custom cells, headers, cell editors, etc.

See below for the full list of hooks exposed by InfiniteTable, each with examples and code snippets.

useInfiniteColumnCell

Return: InfiniteColumnEditorContextType

Use it inside the columns.render or column.components.ColumnCell (or other rendering functions) to retrieve information about the cell that is being rendered.

useInfiniteColumnEditor

Allows you to write a custom editor to be used for editing. The hook returns an InfiniteColumnEditorContextType object shape.

useInfiniteColumnFilterEditor

() => ({ column, value, setValue, className, filtered,... })

Used to write custom filter editors for columns.

useInfiniteHeaderCell

Used inside columns.header or column.components.HeaderCell

useMasterRowInfo

Return: InfiniteTableRowInfo

Gives you access to the master row info in the current RowDetail component.