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

    La Ignite UI for Blazor admite la selección de filas y celdas individuales o múltiples.

    Blazor Grid Selection Example

    Descripción general

    Selection in the Blazor data grid is enabled on a row and cell level and can be configured by using the SelectionMode option of the Blazor grid. This property takes five different options, listed below:

    • None: Selection is not enabled.
    • SingleCell: Selection of a single cell is enabled.
    • SingleRow: Selection of a single row is enabled.
    • MultipleCell: Selection of multiple cells is enabled.
    • MultipleRow: Selection of multiple rows is enabled.
    • RangeCell: Selection of a range of multiple cells by clicking and dragging is enabled.

    SelectionBehaviorpor defectoModifierBased, donde solo se selecciona una fila o celda a la vez y se requieren teclas modificadoras (CTRL) para seleccionar múltiples elementos.SelectionBehavior Configurado paraToggle permitir seleccionar varias filas o celdas con un solo clic.

    MultipleRow includes the following functionality:

    • Haga clic y arrastre para seleccionar filas
    • SHIFT y haga clic para seleccionar varias filas.
    • SHIFT y pulse las teclas de ↑ flecha+ ↓ para seleccionar varias filas.

    Pressing the space bar toggles selection of active row via MultipleRow or SingleRow.

    Row Range Selection

    El siguiente ejemplo demuestra cómo seleccionar o desseleccionar todas las filas de la cuadrícula. Nota,SelectionMode debe estar configurado en Múltiples Filas.

    API References