[!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: Role a grade uma página da janela de visualização para cima.
    • PAGE DOWN: Role a grade uma página da janela de visualização para baixo.
    • TAB: Mova 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: Mova 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 + ↑: Mova para a célula superior da coluna.
    • CTRL + ↓: Mova para a célula inferior da coluna.
    • CTRL + ←: Mova para a célula mais à esquerda da linha.
    • CTRL + →: Mova para a célula mais à direita da linha.
    • CTRL + HOME: Mova para a célula superior esquerda da grade.
    • CTRL + END: Mova para a célula inferior direita da grade.

    API References