Keyboard Navigation

The keyboard navigation of the Grid can be enabled using the navigatable prop of the Grid. In order to enable the keyboard navigation over the toolbar of the Grid, you need to use the KendoReact Toolbar that comes with a built-in keyboard support.

The Grid supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Arrow keysNavigates through the cells of the Grid
EnterWill perform different actions based on the current cell. For example, it will sort a sortable column, expand/collapse a parent item, or if focusable nested component is available it will exit navigation and focus it.
EscWill return to the Grid navigation if the user is currently inside editor or filter component navigation. For example, when inside a NumericTextBox editor, pressing Arrow up will increase the value, but pressing Esc will return to the cell level navigation and allow the end-user to move across the cells.
Example
View Source
Change Theme:

In this article

Not finding the help you need?