Example of Multi Sorting in ASP.NET MVC Tree Grid Control
Sorting feature enables us to order the data in a particular direction. It can be enabled by setting the AllowSorting as true.
|
Order Name
|
|
|
Category
|
|
|
Order Date
|
|
|
Units
|
|
To sort a Tree Grid column by simply click the column header. The icons ascending and descending specifies the sort direction of a column.
By default, multi-sorting is enabled in Tree Grid, to sort multiple columns by hold CTRL key and click on the column headers. To clear sort for a column, hold SHIFT key and click the column header.
While using Tree Grid in a touch device, you have an option for multi sorting in single tap on the Tree Grid header. By tapping on the Tree 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
More information on the sorting feature configuration can be found in this documentation sectionopens in a new tab.