Accessibility
The Grid and its built-in components are accessible by screen readers and provide WAI-ARIA support.
Section 508
The Grid is compliant with the Section 508 requirements.
Common Keyboard Navigation Scenarios
We allow full control over the Grid keyboard navigation, as this lets the developer to choose which of the keyboard or keyboard and mouse combinations will be needed for the application.
We will show how some of the most common cases can be implemented using the KendoReact Grid.
Since version 4.2.0 the Grid has built-in navigation that can be turned on using the navigatable prop of the Grid.
Single Row Navigation
The following example showcase how to add a row selection using the arrows keys.
Multiple Selection
The next example demonstrates how to achieve multiple selection only via the keyboard or via the keyboard and the mouse.
Row Editing
The following example showcase how to implement row editing which can be operated only via the keyboard using the Enter
, Esc
and Tab
keys.
In-cell Editing with Tab
This example showcase how to handle the tab key to provide faster editing experience with the keyboard.
Sorting
This example demonstrates how to focus the first column and sort different columns only using the keyboard.