Data grid with Sortable columns and a custom pager does not show the sort icons (up and down arrows)

[Janaki Ram]

Hi,

I am trying to implement a custom pager which I am able to implement on the lines of your given in your documentation https://www.telerik.com/kendo-react-ui/components/grid/paging/. Please refer to Custom Pager section.

However when I make the grid sortable, the sort icons (up and down arrows) do not appear in the column header. Please look  at the link  https://stackblitz.com/edit/react-7fthgv-hcysax?file=app%2Fmain.tsx which demonstrates the problem. I have set the property sortable to true here both for the Grid and the GridColumn.

I am not sure why the sort icons are not appearing. 

I am using kendo data grid version 5.9.0. If you need any other info please let me know. Any help would be appreciated.

Thanks

Janaki

[Konstantin Dikov]

Hello Janaki,

Thank you for contacting us.

In order for the sorting to be applied, you will have to set the sort expression to the "sort" property of the Grid or use the DataState for handling the data operations. I have modified the example that you have shared by adding the sort expressions:

• https://stackblitz.com/edit/react-7fthgv-ccpygu?file=app%2Fmain.tsx

Detailed information about the sorting functionality within the Grid can be found in the following help article:

• https://www.telerik.com/kendo-react-ui/components/grid/sorting/

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

[Janaki Ram]

Thanks Konstantin. That was helpful.