The keyboard support of the Grid is always available.
To apply the keyboard shortcuts, focus the Kendo UI Grid wrapper for Vue by clicking the example area and pressing the
The following keyboard shortcuts apply to the header of the Kendo UI Data Grid wrapper for Vue.
| ||Sort by the column.|
| ||Opens the filter menu.|
| ||Closes the filter menu.|
| ||(Default browser behavior) Navigates through the elements in the filter menu.|
| ||Same as |
| ||Reorders the column with the previous one.|
| ||Reorders the column with the next one.|
The following keyboard shortcuts apply to the data table of the Kendo UI Data Grid wrapper for Vue.
| ||Navigates over the cells.|
| ||Toggles the expand and collapse state on group row.|
| ||Navigates to the previous page.|
| ||navigates to the next page.|
| ||Selects the row which holds the currently highlighted cell.|
| ||Selects or deselects the current row while persisting the previously selected rows (only for the multiple selection mode).|
| ||Performs range selection. Selects all the rows between the last selected one (with |
| ||Adds the row which holds the focused cell to the selection (only for the multiple selection mode).|
| ||Focuses the first focusable element inside the body.|
| ||Focuses the last focusable cell in the last row.|
| ||Focuses the first focusable cell in the row.|
| ||Focuses the last focusable cell in the row.|