[!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.

    Blazor Grid Cell Activation

    Ignite UI for Blazor 데이터 테이블/데이터 그리드는 그리드의 셀을 키보드로 탐색할 수 있는 셀 활성화 기능을 지원합니다. 이것은 그리드의 ActivationMode 속성을 로 설정하여 활성화됩니다 Cell.

    Blazor Grid Cell Activation Example

    Excel Style Navigation

    EnterBehaviorAfterEdit 속성은 편집 모드에서 Enter 키를 누른 후 위, 아래, 왼쪽 또는 오른쪽으로 다음 셀로 이동하도록 그리드를 구성합니다. 그렇지 않으면 그리드의 EnterBehavior 속성을 사용하여 편집 모드가 아닌 위, 아래, 왼쪽 또는 오른쪽에서 다른 셀로 이동할 수 있습니다.

    Keyboard Navigation

    그리드의 ActivationMode 속성을 로 Cell 설정하면 데이터 그리드에서 다양한 키보드 탐색 옵션을 사용할 수 있습니다. 다음은 각 키 누름/조합에 대한 설명과 현재 활성화된 셀에 대한 상대적인 효과입니다.

    • ↑: 한 셀 위로 이동합니다.
    • ↓: 한 셀 아래로 이동합니다.
    • ←: 현재 행에서만 한 셀을 왼쪽으로 이동합니다.
    • →: 현재 행에서만 한 셀을 오른쪽으로 이동합니다.
    • Page Up: 그리드를 한 뷰포트 페이지 위로 스크롤합니다.
    • Page Down: 그리드를 한 뷰포트 페이지 아래로 스크롤합니다.
    • Tab: 활성 셀을 오른쪽의 다음 셀로 이동하거나 해당 행의 마지막 셀에 도달한 경우 다음 행의 가장 왼쪽 셀로 이동합니다.
    • Shift + Tab: 활성 셀을 왼쪽의 다음 셀로 이동하거나 해당 행의 첫 번째 셀에 도달한 경우 이전 행의 가장 오른쪽 셀로 이동합니다.
    • Ctrl + ↑: 열의 맨 위 셀로 이동합니다.
    • Ctrl + ↓: 열의 맨 아래 셀로 이동합니다.
    • Ctrl + ←: 행의 가장 왼쪽 셀로 이동합니다.
    • Ctrl + →: 행의 가장 오른쪽 셀로 이동합니다.
    • Ctrl + Home: 그리드의 왼쪽 상단 셀로 이동합니다.
    • Ctrl + End: 그리드의 오른쪽 하단 셀로 이동합니다.

    API References