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