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

Cell Selection

The Grid provides the user with interaction options to apply:

The following example demonstrates the cell selection in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Single Cell Selection

To select a cell when the Grid is in single selection mode, use either of the following actions:

To deselect a cell when the Grid is in single selection mode, use either of the following actions:

  • Press and hold Ctrl, and click the selected cell, or
  • Press Ctrl & Enter (only when Keyboard Navigation is enabled).

If you click the selected cell, it will not be deselected.

Multiple Cells Selection

To select multiple cells one by one when the Grid is in multiple selection mode:

  • Press and hold Ctrl, and click the desired cells, or
  • Navigate using the arrow keys and press Ctrl & Enter on the desired cells (only when Keyboard Navigation is enabled).

To select a range of cells when the Grid is in the multiple selection mode, either:

  • Click and drag the rectangular selection over the desired cells (only when the drag selection is enabled), or
  • Press and hold Shift and click the cell you want to be the last in the range. As a result, cells in the rectangular area between the initially selected cell and the last one are selected, or
  • Select a cell by pressing Enter, then navigate using the arrow keys and press Shift & Enter on the cell you want to be the last in the selected range (only when Keyboard Navigation is enabled).

To deselect one cell at a time, either:

  • Press and hold Ctrl and click the specific cell, or
  • Press Ctrl & Enter to deselect the active cell (only when Keyboard Navigation is enabled).

To leave only the current cell selected and deselect all previously selected cells, either:

  • Click a cell within the Grid, or
  • Press Enter to select the active cell (only when Keyboard Navigation is enabled).

The Checkbox Column should not be used in cell selection mode.