Tree Grid / Miscellaneous / Keyboard Navigation

Blazor Tree Grid Example - Keyboard Navigation

Loading Syncfusion Blazor Server Demos…

1 of 4 pages (8 items)

This sample demonstrates comprehensive keyboard navigation and shortcuts for focus movement, expand/collapse, paging, selection, editing, copy, and print.

Keyboard interaction is enabled by default. The grid is configured with selection, paging, and row editing to illustrate common scenarios.

  • FOCUS: Alt+J (focus grid), Home/End (row edges), Ctrl+Home/End (grid edges), Arrow keys (move focus)
  • Expand/Collapse: Ctrl+Shift+Down/Up (expand/collapse child), Ctrl+Down/Up (expand/collapse all)
  • PAGER: PageDown/PageUp (next/prev), Ctrl+Alt+PageDown/PageUp (last/first), Alt+PageDown/PageUp (last/first pager)
  • SELECTION: Shift+Arrows (extend), Tab/Shift+Tab (cell traverse), Esc (clear), Ctrl+A (select all)
  • EDITING: F2 (start edit), Esc (cancel), Del (delete), Insert (add), Enter/Shift+Enter (save/navigation), Tab/Shift+Tab (next/prev editable)
  • COPY: Ctrl+C (copy), Ctrl+Shift+H (copy with header)
  • PRINT: Ctrl+P (print)

See keyboard interaction details in the documentation.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE