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

Descripción general de la clasificación de cuadrícula de Blazor

La tabla de datos / cuadrícula de datos de Ignite UI for Blazor admite la clasificación de columnas ascendentes y descendentes con una configuración de clasificación de columnas únicas, varias columnas y tres estados.

Blazor Grid Sorting Example

Code Snippet

Puede ordenar por una o varias columnas ascendentes o descendentes en la cuadrícula de datos de Blazor mediante la HeaderClickAction propiedad. Si TriState está habilitado, puede quitar la ordenación aplicada a una columna.

• SortByMultipleColumns
• SortByMultipleColumnsTriState
• SortByOneColumnOnly
• SortByOneColumnOnlyTriState

<IgbDataGrid Height="100%" Width="100%" @ref="DataGridRef"
    HeaderClickAction="HeaderClickAction.SortByMultipleColumns"
    DataSource="DataSource" />

Sorting through API

@code {
    // Using the ref property above:
    private IgbDataGrid grid;
    private IgbDataGrid DataGridRef
    {
        get { return grid; }
        set
        {
            grid = value;
            OnGridRefChanged();
            StateHasChanged();
        }
    }

    private void OnGridRefChanged()
    {
        if (this.DataGridRef != null)
        {
            this.DataGridRef.SortDescriptions.Add(new ColumnSortDescription()
            {
                Field = "Property",
                SortDirection = ListSortDirection.Descending
            });
        }
    }
}

API References

• HeaderClickAction
• SortByMultipleColumnsTriState
• SortByMultipleColumns
• SortByOneColumnOnlyTriState