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

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

useMasterRowInfo

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