React 그리드 선택
Ignite UI for React 단일 또는 다중 행과 셀 선택을 지원합니다.
React Grid Selection Example
개요
React 데이터 그리드에서의 선택은 행과 셀 단위에서 활성화되며, React 그리드 옵션을 사용하여selectionMode 설정할 수 있습니다. 이 부동산은 아래에 나열된 다섯 가지 옵션을 제공합니다:
None: 선택이 활성화되어 있지 않습니다.SingleCell: 단일 셀 선택이 활성화되어 있습니다.SingleRow: 단일 행 선택이 활성화되어 있습니다.MultipleCell: 다중 셀 선택이 활성화되어 있습니다.MultipleRow: 여러 행 선택이 활성화되어 있습니다.RangeCell: 클릭과 드래그로 여러 셀 범위를 선택할 수 있습니다.
selectionBehavior기본값은ModifierBased 한 번에 한 행이나 셀만 선택되며, 항목 다중 선택을 위해 수정키(CTRL)가 필요합니다.selectionBehavior를Toggle 설정하면 한 번의 클릭만으로 여러 행이나 셀을 선택할 수 있습니다.
MultipleRow다음 기능을 포함합니다:
- 행을 선택하려면 클릭하고 드래그하세요.
- SHIFT을 클릭하여 여러 행을 선택합니다.
- SHIFT을 누르고 + ↓ 화살표 키를 눌러 ↑ 여러 행을 선택합니다.
스페이스바를 누르면 활성MultipleRow 행SingleRow 선택을 하거나 또는
Row Range Selection
다음 예시는 그리드에서 모든 행을 선택하거나 해제하는 방법을 보여줍니다. 참고,selectionMode MultipleRow로 설정해야 합니다.