React selección de cuadrícula

    La Ignite UI for React Data Table/Data Grid admite la selección de una o varias filas y celdas.

    React Grid Selection Example

    Descripción general

    La selección en la cuadrícula de datos React está habilitada a nivel de fila y celda y se puede configurar utilizando la opción selectionMode de la cuadrícula React. Esta propiedad tiene cinco opciones diferentes, que se enumeran a continuación:

    • None: la selección no está habilitada.
    • SingleCell: la selección de una sola celda está habilitada.
    • SingleRow: la selección de una sola fila está habilitada.
    • MultipleCell: la selección de múltiples celdas está habilitada.
    • MultipleRow: la selección de varias filas está habilitada.
    • RangeCell: está habilitada la selección de un rango de múltiples celdas haciendo clic y arrastrando.

    El valor predeterminado de selectionBehavior es ModifierBased, donde solo se selecciona una fila o celda a la vez y se requieren teclas modificadoras (CTRL) para realizar una selección múltiple de elementos. selectionBehavior establecido en Toggle permitirá seleccionar varias filas o celdas con un solo clic.

    MultipleRow incluye la siguiente funcionalidad:

    • Haga clic y arrastre para seleccionar filas
    • Mayús y haga clic para seleccionar varias filas.
    • Mayús y presione las teclas de flecha arriba/abajo para seleccionar varias filas.

    Al presionar la barra espaciadora se alterna la selección de la fila activa entre MultipleRow o SingleRow.

    Row Range Selection

    El siguiente ejemplo demuestra cómo seleccionar o anular la selección de todas las filas de la cuadrícula. Tenga en cuenta que selectionMode debe establecerse en MultipleRow.

    API References