DataGrid / Sorting / Multi Sorting

Blazor DataGrid Example - Multi-Column Sorting

Loading Syncfusion Blazor Server Demos…

0 of 0 pages (0 items)

This sample demonstrates the DataGrid multi-sorting feature for organizing data by multiple columns.

The Blazor DataGrid sorting feature enables you to organize data in a specific order. To enable sorting, set the AllowSorting property to true.

Single Column Sorting:

  • Click any column header to sort by that column
  • Click again to toggle between ascending and descending order

Multi-Column Sorting:

  • Multi-sorting is enabled by default in the DataGrid
  • Hold Ctrl and click column headers to sort by multiple columns
  • The sort order is applied based on the sequence of clicks
  • Hold Shift and click a column header to clear sorting for that column

In this demo, simply click column headers to enable sorting. Use Ctrl+Click to add additional sort columns and organize your data by multiple criteria simultaneously.

For more detailed information about multi-column sorting, refer to the multi-column sorting documentation.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE