Sort Data

 
Contact Name Company Name City Region Country
Patricio Simpson Cactus Comidas para llevar Buenos Aires   Argentina
Yvonne Moncada Océano Atlántico Ltda. Buenos Aires   Argentina
Sergio Gutiérrez Rancho grande Buenos Aires   Argentina
Roland Mendel Ernst Handel Graz   Austria
Georg Pipps Piccolo und mehr Salzburg   Austria
Catherine Dewey Maison Dewey Bruxelles   Belgium
Pascale Cartrain Suprêmes délices Charleroi   Belgium
Pedro Afonso Comércio Mineiro Sao Paulo SP Brazil
Aria Cruz Familia Arquibaldo Sao Paulo SP Brazil
André Fonseca Gourmet Lanchonetes Campinas SP Brazil
of 10

The DevExpress Blazor Grid allows users to sort data as requirements dictate. The following user operations are available:

  • Click a column header to sort data against one column. Subsequent clicks reverse the sort order. The sort glyph indicates the column's current sort order (ascending or descending).
  • Hold Shift and click column headers to sort data by multiple columns.
  • Hold Ctrl and click a column header to clear sorting by this column.

To disable sort operations, set the DxGrid.AllowSort or DxGridDataColumn.AllowSort property to false (applied to the entire Grid or to an individual column).

Use the following API members to sort Blazor Grid data in code:

In this demo, keyboard navigation is enabled. You can focus a column header with a keyboard and press Space, Shift+Space, or Ctlr+Space to change sort criteria.

For more information, refer to the following topic: Sort Data.