The keyboard navigation of the Grid can be enabled using the navigatable prop of the Grid.
The Grid supports the following keyboard shortcuts:
|Navigates through the cells of the Grid
|Will 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.
|Will 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.
In cases when we have custom cells we need to inject the internal
getKeyboardNavigationAttributes method and the
id prop of the cell and use them to have the correct attributed for the
td element and be able to include it in the navigation logic.