[!Note] Please note that this control has been deprecated and replaced with the Grid component, and as such, we recommend migrating to that control. This will not be receiving any new features, bug fixes will be deprioritized. For help or questions on migrating your codebase to the Data Grid, please contact support.
Web Components 그리드 선택
Ignite UI for Web Components 데이터 테이블/데이터 그리드는 단일 또는 다중 행과 셀 선택을 지원합니다.
Web Components Grid Selection Example
개요
Selection in the Web Components data grid is enabled on a row and cell level and can be configured by using the selectionMode option of the Web Components grid. This property takes five different options, listed below:
None: Selection is not enabled.SingleCell: Selection of a single cell is enabled.SingleRow: Selection of a single row is enabled.MultipleCell: Selection of multiple cells is enabled.MultipleRow: Selection of multiple rows is enabled.RangeCell: Selection of a range of multiple cells by clicking and dragging is enabled.
selectionBehavior defaults to ModifierBased, where only one row or cell is selected at a time and modifier keys (CTRL) are required to multi-select items. selectionBehavior set to Toggle will allow multiple rows or cells to be selected on single click only.
MultipleRow includes the following functionality:
- 행을 선택하려면 클릭하고 드래그하세요.
- SHIFT을 클릭하여 여러 행을 선택합니다.
- SHIFT을 누르고 + ↓ 화살표 키를 눌러 ↑ 여러 행을 선택합니다.
Pressing the space bar toggles selection of active row via MultipleRow or SingleRow.
Row Range Selection
The following example demonstrates how to selected or deselected all rows in the grid. Note, selectionMode must be set to MultipleRow.