New to Kendo UI for Angular? Start a free 30-day trial
Cell Selection
Updated on Sep 1, 2026
The Angular TreeList provides the user with interaction options to apply:
The following example demonstrates the cell selection in action.
Loading ...
Single Cell Selection
To select a cell in single selection mode, use one of the following actions:
- Click the cell.
- Press
Space(available only when Keyboard Navigation is enabled).
To deselect a cell in single selection mode, use one of the following actions:
- Press and hold
Ctrl/Cmd(MacOS), then click the selected cell. - Press
Ctrl + SpaceorCmd + Enter(MacOS) on the cell (available only when Keyboard Navigation is enabled).
Clicking a selected cell will not deselect it.
The following example demonstrates how to select or deselect a single cell using the actions described above.
Loading ...
Multiple Cells Selection
The following table summarizes the available actions for selecting multiple cells in the TreeList:
| Action | Description | Keyboard/Mouse Interaction | Requirements |
|---|---|---|---|
| Select multiple cells one by one | Select cells individually without affecting other selected cells. | • Press and hold Ctrl/Cmd(MacOS), and click the desired cells.• Navigate using the arrow keys and press Ctrl + Space or Cmd + Enter (MacOS) on the desired cells. | Requires Keyboard Navigation for Ctrl + Space / Cmd + Enter. |
| Select a range of cells | Select a continuous range of cells by defining a start and end point. Any new selection resets the previous one. | • Click and drag the rectangular selection over the desired cells. • Press and hold Shift and click the cell you want to be the last in the range.• Press Space to select a cell, then navigate using the arrow keys and press Shift + Space on the last cell. | Requires Keyboard Navigation for Shift + Space. |
| Deselect a cell | Remove a specific cell from the selection. | • Press and hold Ctrl/Cmd(MacOS), then click the specific cell.• Press Ctrl + Space or Cmd + Enter (MacOS) to deselect the active cell. | Requires Keyboard Navigation for Ctrl + Space / Cmd + Enter. |
| Leave only one cell selected | Deselect all previously selected cells and keep only the current cell selected. | • Click a cell within the TreeList. • Press Space to select the active cell. | Requires Keyboard Navigation for Space. |
The Checkbox Column should not be used in cell selection mode.
The following example demonstrates how to select and deselect multiple cells using the actions described above.
Loading ...