Skip to main content


sorts data items in a component

sort(rule?: ISortMode, config?: ISortConfig): void;


  • rule: object - an object with parameters for sorting
  • config: object - defines the parameter of sorting

Example{    by:"a",    dir:"desc",    as: function(item){        return item.toUpperCase();     }});
// cancels applied sorting;

Related sample: Data. Sort

The rule object has the following attributes:

by(string) the id of a data field (a column of Grid)
dir(function) the direction of sorting "asc" or "desc"
as(function) a function that specifies the type to sort data as
rule(function) optional, a sorting rule; the function must have two parameters and return a number (-1,0,1)

Calling the method without parameters will discard all applied sorting rules.

The config parameter may contain one property:

smartSorting(boolean) specifies whether a sorting rule should be applied each time after changing the data set{    by:"a",    dir:"desc",    as: function(item){        return item.toUpperCase();     },    {        smartSorting: true /*!*/    }});

Custom sorting#

To set a custom function for sorting you need to specify the rule attribute in a passed object. For example:{    rule: (a, b) => > ? 1 : ( < ? -1 : 0) });

Change log:

The config parameter is added in v7.0.