Kendo UI R3'17 Release Webinar is near! Sign up to watch technical demos of the freshly released bits, including support for React and Vue.
All Components
Change Theme

SASS Themes (beta)

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      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
      • Ctrl + Left Arrow reorders the column with the previous one
      • Ctrl + Right Arrow reorders the column with the next one

      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 row holding the currently highlighted cell
      • Ctrl + Space selects or deselects the current row, while persisting previously selected rows (only for selection mode "multiple")
      • Shift + Space performs range selection, selects all the rows between the last selected one (with SPACE or mouse click) and the one holding the focused cell
      • Shift + Arrow Keys adds the row which holds the focused cell to the selection (only for selection mode "multiple")
      • Ctrl + Home focuses the first focusable element inside the body
      • Ctrl + End focuses the last focusable cell in the last row
      • Home focuses the first focusable cell in the row
      • End focuses the last focusable cell in the row

      JSP source

      Also available for:

      • keyboard-navigation.jsp
      • KeyboardNavigationController.java
      • Widget configuration

      Support & learning resources

      Grid for other technologies