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

    A Tabela de Dados/Grade de Dados do Ignite UI for Blazor suporta um recurso de ativação de célula que permitirá a navegação do teclado pelas células da grade. Isso é ativado definindo a ActivationMode propriedade da grade como Cell.

    Blazor Grid Cell Activation Example

    Excel Style Navigation

    EnterBehaviorAfterEdit configurará a grade para navegar para a próxima célula para cima, para baixo, para a esquerda ou para a direita depois que a tecla Enter for pressionada no modo de edição. Caso contrário, a EnterBehavior propriedade da grade pode ser usada para navegar para outras células, enquanto não estiver no modo de edição, para cima, para baixo, para a esquerda ou para a direita.

    Keyboard Navigation

    Depois de definir a ActivationMode propriedade da grade como Cell, isso ativará uma variedade de opções de navegação do teclado na grade de dados. Abaixo está uma descrição de cada um dos pressionamentos / combinações de teclas e o efeito que eles terão em relação à célula ativada no momento:

    • ↑: Navegar uma célula para cima.
    • ↓: Navegar uma célula para baixo.
    • ←: Navega uma célula para a esquerda somente na linha atual.
    • →: Navega uma célula para a direita somente na linha atual.
    • Page Up: Rola a grade uma página de visualização para cima.
    • Page Down: Rola a grade uma página de visualização para baixo.
    • Tab: move a célula ativa para a próxima célula à direita, ou para a célula mais à esquerda da próxima linha, se a última célula dessa linha for alcançada.
    • Shift + Tab: move a célula ativa para a próxima célula à esquerda, ou para a célula mais à direita da linha anterior, se a primeira célula dessa linha for alcançada.
    • Ctrl + ↑: Mover para a célula superior da coluna.
    • Ctrl + ↓: Move para a célula inferior da coluna.
    • Ctrl + ←: Mover para a célula mais à esquerda na linha.
    • Ctrl + →: Mover para a célula mais à direita na linha.
    • Ctrl + Home: Mover para a célula superior esquerda na grade.
    • Ctrl + End: Mover para a célula inferior direita na grade.

    API References