All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      Grid / Keyboard navigation

      Focus

      • Alt + w focuses the widget

      Actions applied on Grid header

      • Enter sort by the column
      • Alt + Down opens the filter menu
      • Esc closes the filter menu
      • Tab navigates through the elements in the filter menu(default browser behavior)
      • Shift + Tab same as Tab, but in reverse order

      Actions applied on Grid data table

      • Arrow Keys to navigate over the cells
      • Enter on group row will toggle expand/collapse
      • Page Up pages on previouse page
      • Page Down pages on next page
      • Space selects the currently highlighted cell
      • Ctrl + Space selects or deselects the current cell, while persisting previously selected cells (only for selection mode "multiple")

      Description

      This demo illustrates the keyboard support of the Kendo UI grid widget, which provides quick access to available grid features without the need to interact with mouse. Furthermore, applications which must cover accessibility standards for people with disabilities can directly benefit from it.

      You can focus the grid using the ALT + W key combination, and then use the keyboard key shortcuts visualized above to interact with the widget.

      Further details about the keyboard support of the Kendo UI grid widgets can be found in the Accessibility section of the documentation.

      HTML5/JavaScript source

      Also available for:

      API Reference
      • keyboard-navigation.html
      • Sample service
      • Widget configuration

      Support & learning resources

      Grid for other technologies