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

    Selección de cuadrícula Web Components

    La Ignite UI for Web Components admite la selección de una o varias filas y celdas.

    Web Components Grid Selection Example

    Descripción general

    La selección en la cuadrícula de datos Web Components está habilitada a nivel de fila y celda y se puede configurar mediante la opción selectionMode de la cuadrícula Web Components. 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