• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Sorting API in ASP.NET Core Data Grid Control

This sample demonstrates the usage of sorting API in Grid. In this sample, use the properties panel to sort/unsort columns using API.

DEMO
SOURCE
Column
Direction

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

(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, select the column and direction from the properties panel then click the Sort button. Use the Clear button to remove sort for the selected column.