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

Select Native Grid Rows When Specific Buttons are Pressed.


Product Version3.10.0
ProductProgress® Kendo UI for Vue Native


This KB article demonstrates how you can limit the rows' selection of the Native Grid by pressing specific keyboard keys. In the following example the rows of the Native Grid can be selected or deselected only when the Shift, Ctrl or Command(for Mac) keyboard buttons are pressed.

KB sections

Solution description

To achieve the following scenario, we use the onRowClick event of the Native Grid and the following code:

onRowClick(event) {
    if (event.event.metaKey || event.event.ctrlKey || event.event.shiftKey) {
    event.dataItem[this.selectedField] =

Runnable example

To test the following example press Ctrl, Shift or Command(for Mac) buttons and click on selected Grid row.

View Source
Change Theme:

In this article

Not finding the help you need?