Select Grid Rows When Specific Buttons are Pressed.

Updated on Sep 9, 2026

Environment

Product Version	3.10.0
Product	Progress® Kendo UI for Vue

Description

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

KB sections

• Solution description
• Runnable example

Solution description

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

jsx

onRowClick(event) {
    if (event.event.metaKey || event.event.ctrlKey || event.event.shiftKey) {
    event.dataItem[this.selectedField] =
        !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.

Example

View Source

Loading ...