Descripción general de la clasificación de cuadrículas React
La Ignite UI for React admite la clasificación de columnas ascendentes y descendentes con una configuración de clasificación de columnas de una sola columna, de varias columnas y de tres estados.
React Grid Sorting Example
Code Snippet
Puede ordenar por una o varias columnas de forma ascendente o descendente en la cuadrícula de datos React utilizando la propiedad headerClickAction
. Si TriState está habilitado, puede eliminar la clasificación aplicada a una columna.
import { HeaderClickAction } from 'igniteui-react-grids';
<IgrDataGrid
height="100%"
width="100%"
headerClickAction={HeaderClickAction.SortByMultipleColumns}
dataSource={this.data}
ref={this.onGridRef}/>
Sorting through API
import { IgrColumnSortDescription } from 'igniteui-react-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);