Visão geral da classificação do React Grid

    A Ignite UI for React Data Table/Data Grid oferece suporte à classificação de colunas crescente e decrescente com uma configuração de classificação de coluna única, várias colunas e três estados.

    React Grid Sorting Example

    Code Snippet

    Você pode classificar por uma ou várias colunas ascendentes ou descendentes na grade de dados React usando a propriedade headerClickAction. Se TriState estiver habilitado, você pode remover a classificação aplicada a uma coluna.

    import { HeaderClickAction } from 'igniteui-react-data-grids';

    <IgrDataGrid
    height="100%"
    width="100%"
    headerClickAction={HeaderClickAction.SortByMultipleColumns}
    dataSource={this.data}
    ref={this.onGridRef}/>

    Sorting through API

    import { IgrColumnSortDescription } from 'igniteui-react-data-grids';
import { ListSortDirection } from 'igniteui-react-core';

    public onGridRef(grid: IgrDataGrid) {
    this.grid = grid;
}
// ...
let colSortDesc = new IgrColumnSortDescription();
colSortDesc.field = "UnitsInStock";
colSortDesc.sortDirection = ListSortDirection.Descending;
this.grid.sortDescriptions.add(colSortDesc);

    API References