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

1 Answer 228 Views
Grid Pager  Sortable
Janaki Ram
Top achievements
Rank 1
Janaki Ram asked on 28 Dec 2022, 02:50 PM

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

1 Answer, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 28 Dec 2022, 05:24 PM

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:

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

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Janaki Ram
Top achievements
Rank 1
commented on 28 Dec 2022, 05:57 PM

Thanks Konstantin. That was helpful.
Tags
Grid Pager  Sortable
Asked by
Janaki Ram
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Share this question
or