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

Custom Selection

The Grid provides low-level hooks for implementing custom selection logic.

Setting the Selected Rows

You can set the selected rows by specifying the rowSelected function. The function is executed for each data row in the Grid and determines whether the row will be selected.

The rowSelected function takes precedence both over the default selection behavior and over any possibly configured selection option.

Example
View Source
Edit In Stackblitz  
Change Theme:

Setting the Selected Cells

To set the selected cells programmatically, specify the cellSelected function. The function is executed for each data cell in the Grid and determines whether the cell will be selected, returning both the selected state, and the respective CellSelectionItem.

The cellSelected function takes precedence both over the default selection behavior and over any possibly configured selection option.

Example
View Source
Edit In Stackblitz  
Change Theme: