New to Telerik UI for ASP.NET Core? Download free 30-day trial

Keyboard navigation

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Theme Builder
  • keyboard_navigation.cshtml
  • Keyboard_NavigationController.cs
  • EmployeeDirectoryController.cs
  • EmployeeDirectoryModel.cs

Also available for:

API REFERENCE

Focus

  • Alt + w focuses the widget

Actions applied on TreeList header

  • Enter sort by the column

Actions applied on TreeList data table

  • Arrow Keys to navigate over the cells
  • 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")
  • Enter or F2 Puts the item in edit mode, if performed over a command column will focus the first focusable element inside it.
  • Esc Cancels the edit or returns the focus to the table if an element inside a cell is focused.
  • Alt + Right Arrow Expands the current item.
  • Alt + Left Arrow Collapses the current item.
  • Ctrl + Home Focuses the first focusable element inside the body
  • Ctrl + End Focuses the last focusable element inside the body
  • Home Focuses the first focusable cell in the row
  • End Focuses the last focusable cell in the row

Support & Learning Resources