Vue TreeList Component & Keyboard Navigation - Kendo UI for Vue Docs & Demos

Introduction
Getting Started
Vue 2 End of Support
Native Components
Wrapper Components
- Introduction
- Barcodes
- Buttons
- Charts
- Chat
- DataSource
- Date Inputs
- Diagram
- Dialog
- Dropdowns
- DropDownTree
- Editor
- Gantt
- Gauges
- Grid (wrapper)
- Inputs
- Layout
- List Views
- ListBox
- Map
- MediaPlayer
- PivotGrid
- Popups
- Scheduler
- ScrollView
- Spreadsheet
- TreeList
- - Overview
  - Data Binding
  - Editing
  - Dragging and Dropping
  - Columns
  - Aggregates
  - Export Options
  - Keyboard Navigation
  - API
- TreeMap
- TreeView
- Upload
- Validator
- Window
- Framework & Features
- Globalization
- Troubleshooting
- Using Wrapper Components in Vite
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / TreeList / Keyboard Navigation /

New to Kendo UI for Vue? Start a free 30-day trial

The keyboard navigation of the TreeList is always available.

The data table of the TreeList supports the following keyboard shortcuts:

SHORTCUT	DESCRIPTION
`Arrow Keys`	Navigates between the cells.
`Space`	Selects the row with the currently highlighted cell.
`Ctrl`+`Space`	Selects or deselects the current row. Persists the previously selected rows.
`Shift`+`Space`	Performs range selection. Selects all rows between the last selected one.
`Shift`+`Arrow Keys`	Adds the row of the focused cell to the selection.
`Enter` or `F2`	Sets the item in edit mode. If pressed on a command column, the shortcut focuses the first focusable element inside it.
`Esc`	Cancels the edit or, if an element inside a cell is focused, returns the focus to the table.
`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.

Example

View Source

Change Theme:

Suggested Links

Is this article helpful?

Thank you for your feedback!