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