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

    A Tabela de Dados/Grade de Dados Ignite UI for Blazor suporta a seleção de uma ou várias linhas e células.

    Blazor Grid Selection Example

    Visão geral

    A seleção na grade de dados Blazor é habilitada em um nível de linha e célula e pode ser configurada usando a SelectionMode opção da grade Blazor. Esta propriedade tem cinco opções diferentes, listadas abaixo:

    • None: a seleção não está habilitada.
    • SingleCell: A seleção de uma única célula está habilitada.
    • SingleRow: A seleção de uma única linha está habilitada.
    • MultipleCell: A seleção de múltiplas células está habilitada.
    • MultipleRow: A seleção de múltiplas linhas está habilitada.
    • RangeCell: a seleção de um intervalo de várias células clicando e arrastando está habilitada.

    SelectionBehavior o padrão é para ModifierBased, onde apenas uma linha ou célula é selecionada por vez e as teclas modificadoras (CTRL) são necessárias para selecionar itens com várias opções. SelectionBehavior Definido como Toggle permitirá que várias linhas ou células sejam selecionadas apenas com um único clique.

    MultipleRow inclui a seguinte funcionalidade:

    • Clique e arraste para selecionar linhas
    • Pressione Shift e clique para selecionar várias linhas.
    • Pressione Shift e as teclas de seta para cima/baixo para selecionar várias linhas.

    Pressionar a barra de espaço alterna a seleção da linha ativa via MultipleRow ou SingleRow.

    Row Range Selection

    O exemplo a seguir demonstra como selecionar ou desmarcar todas as linhas na grade. Observação, SelectionMode deve ser definido como MultipleRow.

    API References