Keyboard Navigation

The keyboard navigation of the TreeList can be enabled using the navigatable prop of the TreeList.

The TreeList supports the following keyboard shortcuts:

SHORTCUTDESCRIPTION
Arrow keysNavigates through the cells of the TreeList
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 TreeList 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
Edit In Stackblitz  
Change Theme:

In this article

Not finding the help you need?