Seleção de grade de React
A Ignite UI for React Data Table/Data Grid oferece suporte à seleção de uma ou várias linhas e células.
React Grid Selection Example
Visão geral
A seleção na grade de dados React é habilitada em um nível de linha e célula e pode ser configurada usando a opção selectionMode da grade React. Essa propriedade aceita 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 várias células está ativada.MultipleRow: A seleção de várias linhas está habilitada.RangeCell: A seleção de um intervalo de várias células clicando e arrastando está ativada.
selectionBehavior assume como padrão ModifierBased, onde apenas uma linha ou célula é selecionada por vez e as teclas modificadoras (CTRL) são necessárias para selecionar vários itens. selectionBehavior definido como Toggle permitirá que várias linhas ou células sejam selecionadas com apenas um clique.
MultipleRow Inclui a seguinte funcionalidade:
- Clique e arraste para selecionar linhas
- SHIFT e clique para selecionar várias linhas.
- SHIFT e pressione as ↑ teclas + ↓ seta 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 desselecionar todas as linhas na grade. Observe que selectionMode deve ser definido como MultipleRow.