Hi,
Using gantt.sort method will sort items in gantt grid, but column header does not show arrow, as when user click on header.
Hello,
I tried to reproduce your issue, but it seems to work correctly to me. The sort icons work properly in the grid when you click on the header.
Please check the example:
https://snippet.dhtmlx.com/bl6w163b ;
If you’re using the custom sorting functions:
https://docs.dhtmlx.com/gantt/desktop__sorting.html#customsortingfunctions ;
the sorting icons won’t be displayed. But it can be implemented in a custom solution. For this, you can create custom arrows or use this container:
<div class="gantt_sort gantt_asc">
to show sorting icons from gantt.config.sort
.
You need to use onDataRender
to display your custom icons every time the Gantt is re-rendered. There is an article:
https://docs.dhtmlx.com/gantt/api__gantt_ondatarender_event.html ;
You can toggle the CSS classes of the icons when you click on the header with a help of the OnEmptyClick
event and gantt.utils
module.
Please check the articles:
https://docs.dhtmlx.com/gantt/api__gantt_onemptyclick_event.html ;
https://docs.dhtmlx.com/gantt/api__gantt_utils_other.html ;
Please check the example of how it might be implemented:
https://snippet.dhtmlx.com/2jwjj76p