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.