[!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: 선택이 활성화되어 있지 않습니다.SingleCell: 단일 셀 선택이 활성화되어 있습니다.SingleRow: 단일 행 선택이 활성화되어 있습니다.MultipleCell: 다중 셀 선택이 활성화되어 있습니다.MultipleRow: 여러 행 선택이 활성화되어 있습니다.RangeCell: 클릭과 드래그로 여러 셀 범위를 선택할 수 있습니다.
selectionBehavior기본값은ModifierBased 한 번에 한 행이나 셀만 선택되며, 항목 다중 선택을 위해 수정키(CTRL)가 필요합니다.selectionBehavior를Toggle 설정하면 한 번의 클릭만으로 여러 행이나 셀을 선택할 수 있습니다.
MultipleRow다음 기능을 포함합니다:
- 행을 선택하려면 클릭하고 드래그하세요.
- SHIFT을 클릭하여 여러 행을 선택합니다.
- SHIFT을 누르고 + ↓ 화살표 키를 눌러 ↑ 여러 행을 선택합니다.
스페이스바를 누르면 활성MultipleRow 행SingleRow 선택을 하거나 또는
Row Range Selection
다음 예시는 그리드에서 모든 행을 선택하거나 해제하는 방법을 보여줍니다. 참고,selectionMode MultipleRow로 설정해야 합니다.