DevExtreme v23.1 is now available.

Explore our newest features/capabilities and share your thoughts with us.

Free Trial Buy

sorting

Configures runtime sorting.

Type:

Object

A user can sort rows by values of a single or multiple columns depending on the value of the sorting.mode option.

DevExtreme HTML5 JavaScript jQuery Angular Knockout Widget TreeList Sorting

To apply sorting to a column, a user clicks its header or selects a command from the context menu.

DevExtreme HTML5 JavaScript jQuery Angular Knockout Widget TreeList Sorting

Note that rows are sorted within their hierarchical level.

View Demo

See Also

ascendingText

Specifies text for the context menu item that sets an ascending sort order in a column.

Type:

String

Default Value: 'Sort Ascending'

clearText

Specifies text for the context menu item that clears sorting settings for a column.

Type:

String

Default Value: 'Clear Sorting'

descendingText

Specifies text for the context menu item that sets a descending sort order in a column.

Type:

String

Default Value: 'Sort Descending'

mode

Specifies the sorting mode.

Type:

String

Default Value: 'single'
Accepted Values: 'multiple' | 'none' | 'single'

The following selection modes are available in the widget:

  • Single
    Rows can be sorted by values of a single column only.

  • Multiple
    Rows can be sorted by values of several columns.

Use the GridSortingMode enum to specify this option when the widget is used as an ASP.NET MVC Control. This enum accepts the following values: None, Single, and Multiple.