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
Change Theme:
Single Cell Selection
To select a cell when the Grid is in single selection mode, use either of the following actions:
- Click the cell, or
- Press
Enter(only when Keyboard Navigation is enabled).
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&Enteron 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
Shiftand 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 pressShift&Enteron 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
Ctrland click the specific cell, or - Press
Ctrl&Enterto 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
Enterto select the active cell (only when Keyboard Navigation is enabled).
The Checkbox Column should not be used in cell selection mode.
