• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

This demo showcases the keyboard shortcuts applicable on TreeGrid and also lists out in below description, how those applicable shortcuts interacts with TreeGrid actions.

DEMO
SOURCE
Keys Description
F2 Cell edit
Enter Save request
Delete Delete row
Ctrl + Shift + UpArrow Collapse Child Grid
Ctrl + Shift + DownArrow Expand Child Grid
Ctrl + UpArrow Collapse All
Ctrl + DownArrow Expand All
Ctrl + Home First row selection
Ctrl + End Last row selection
Home First cell selection
End Last cell selection
Up Arrow Move row selection up
Down Arrow Move row selection down
Right Arrow Move Cell selection right
Left Arrow Move Cell selection left
Shift + Down/Up Multiple row Selection
Ctrl + j Focus TreeGrid element

All the TreeGrid actions can be controlled via keyboard keys. The applicable key combinations and its relative functionalities are listed below.

KeysDescription
Ctrl + Down ArrowExpandAll
Ctrl + Up ArrowCollapseAll
F2Edit
ESCCancel
EnterSave
InsertAdd
DeleteDelete
Ctrl + HomeFirst row selection
Ctrl + EndLast row selection
HomeFirst cell selection
EndLast cell selection
Up ArrowMove row selection up
Down ArrowMove row selection down
Up ArrowMove Cell selection up
Down ArrowMove Cell selection down
Right ArrowMove Cell selection right
Left ArrowMove Cell selection left
Shift + Down/UpMultiple row Selection
Shift + Right/Left/Down/UpMultiple Cell Selection
Ctrl + Shift + Up ArrowCollapse selected parent row
Ctrl + Shift + Down ArrowExpand selected parent row
Ctrl + jFocus TreeGrid element
TabGo to next cell for editing
Shift + TabGo to previous cell for editing
PageDownGo to Next page
PageUpGo to Previous page
Ctrl + Alt + PageUpGo to First page
Ctrl + Alt + PageDownGo to Last page
Alt + PageUpGo to Next pager
Alt + PageDownGo to last pager

More information on the TreeGrid keyboard interaction can be found in the documentation section.