Custom sort function in kendo react grid

[samir]

i found many example using compare function in sortable options in js or jquery kendo grid. How can i achieve thing using kendo react grid ?

[Konstantin Dikov]

Hi Samir,

Thank you for reaching out to us.

The "orderBy" and the "process" helper methods provided by the data query package work with SortDescriptors and they do not allow passing custom comparer function. If you want to implement custom sorting and since the sorting should be the first data operation if paging is enabled, what I could suggest is to handle the sorting manually, remove the sort expression from the DataState (if you are using the process helper method) and only then proceed with the other operations. You will have something like the following:

let sortExpressions = myDataState.sort;
let stateWithoutSorting = {...myDataState, sort: []}; //here you will remove the sort expressions from the DataState
let sortedData = handleSorting(myData, sortExpressions); //here you will apply the sorting
setData(process(sortedData, stateWithoutSorting)

Hope this helps. 

 

Regards,
Konstantin Dikov
Progress Telerik