• Material 3
  • Fluent
  • Bootstrap v5
  • Tailwind CSS
  • High Contrast
Preferences
Theme Selection
Theme Modes
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Multi Sorting in ASP.NET MVC Data Grid Control

This sample demonstrates the Grid multi sorting feature. To sort two or more columns, hold the CTRL key and click the column header.

DEMO
SOURCE

Sorting feature enables us to order the data in a particular direction. It can be enabled by setting the AllowSorting as true.

To sort a Grid column simply click the column header. The icons (ascending) and (descending) specifies the sort direction of a column.

By default, multi-sorting is enabled in Grid, to sort multiple column hold CTRL key and click the column header. To clear sort for a column, hold SHIFT key and click the column header.

While using Grid in a touch device, you have an option for multi sorting in single tap on the grid header. By tapping on the grid header, it will show the toggle button in small popup with sort icon. Now tap the button to enable the multi-sorting in single tap.

In this demo,

  • Simply click the column header to sort a column.
  • Check the checkboxes in the properties panel to sort a column and uncheck to remove sort from a column.
Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE