Getting started documentation and guides | Infinite Table DataGrid for React

Available starting with version 6.1.1.

See the Keyboard Navigation page for more details.

Configuring the keyboard navigation to be 'cell'

<InfiniteTable keyboardNavigation="cell" /> // can be "cell" (default), "row" or false

COPY

You can retrieve the keyboard navigation api by reading it from the api.keyboardNavigationApi property.

 const onReady = ({api}: {api:InfiniteTableApi<DATA_TYPE>}) => { // do something with it api.keyboardNavigationApi.gotoCell({direction: 'top'}) } <InfiniteTable<DATA_TYPE> columns={[...]} onReady={onReady}

COPY

See the Infinite Table API page for the main API. See the Infinite Table Cell Selection API page for the row selection API. See the Infinite Table Row Selection API page for the row selection API. See the Infinite Table Column API page for the column API.

gotoCell

({direction: 'top' | 'bottom' | 'left' | 'right' }) => [number, number] | false

gotoNextRow

()=> number | false

gotoPreviousRow

()=> number | false

setActiveCellIndex

(activeCellIndex: [number, number]) => void

setActiveRowIndex

(activeRowIndex: number) => void

setKeyboardNavigation

(keyboardNavigation: 'cell'|'row'|false) => void