New to KendoReact? Start a free 30-day trial

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.

Example
View Source
Edit In Stackblitz  
Change Theme:

Multiple Selection

The next example demonstrates how to achieve multiple selection only via the keyboard or via the keyboard and the mouse.

Example
View Source
Edit In Stackblitz  
Change Theme: