[!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 그리드 셀 활성화
The Ignite UI for Web Components Data Table / Data Grid supports a cell activation feature that will enable keyboard navigation through the cells of the grid. This is activated by setting the activationMode property of the grid to Cell.
Web Components Grid Cell Activation Example
Excel Style Navigation
enterBehaviorAfterEditProperty는 편집 모드에서 엔터 키를 눌렀을 때 그리드가 위, 아래, 왼쪽, 오른쪽 다음 셀로 이동하도록 설정합니다. 그렇지 않으면 그리드의 특성을 사용enterBehavior 해 편집 모드가 아닌 상태에서 위, 아래, 왼쪽, 오른쪽 등 다른 셀로 이동할 수 있습니다.
Keyboard Navigation
그리드의 속성을 로activationMode 설정Cell 한 후, 데이터 그리드에서 다양한 키보드 내비게이션 옵션이 활성화됩니다. 아래는 각 키 입력/조합과 현재 활성화된 셀에 대한 영향에 대한 설명입니다:
- ↑: 한 셀 위로 이동합니다.
- ↓: 한 셀 아래로 이동합니다.
- ←: 현재 행에서만 한 셀을 왼쪽으로 이동합니다.
- →: 현재 행에서만 한 셀을 오른쪽으로 이동합니다.
- PAGE UP: 그리드를 한 뷰포트 페이지 위로 스크롤합니다.
- PAGE DOWN: 그리드를 한 뷰포트 페이지 아래로 스크롤합니다.
- TAB: 활성 셀을 오른쪽의 다음 셀로 이동하거나, 해당 행의 마지막 셀에 도달하면 다음 행의 가장 왼쪽 셀로 이동합니다.
- SHIFT + TAB: 활성 셀을 왼쪽의 다음 셀로 이동하거나, 해당 행의 첫 번째 셀에 도달하면 이전 행의 가장 오른쪽 셀로 이동합니다.
- CTRL + ↑: 열의 맨 위 셀로 이동합니다.
- CTRL + ↓: 열의 맨 아래 셀로 이동합니다.
- CTRL + ←: 행의 가장 왼쪽 셀로 이동합니다.
- CTRL + →: 행의 맨 오른쪽 셀로 이동합니다.
- CTRL + HOME: 그리드의 왼쪽 상단 셀로 이동합니다.
- CTRL + END: 격자의 오른쪽 아래 셀로 이동합니다.