How to fix parent tasks when scrolling vertically

For example if 3 different tasks are on Gantt with respective subtasks, upon scrolling down once all subtasks of 1st task ends it remains on top and 2nd parent task comes stacking below it and the respective subtasks of 2nd keep scrolling. The 2nd parent task is stacked below 1st parent task.

How to achieve this?

@ramil - help please

Hello Debjoy,
Gantt doesn’t have a built-in feature for that. You need to implement a custom solution by using the Gantt API and Javascript.

To show custom HTML elements in the timeline, you can use the addTaskLayer method:
https://docs.dhtmlx.com/gantt/api__gantt_addtasklayer.html

But there is no such equivalent for the grid.

There is an example of the implementation of fixing the first task:
https://snippet.dhtmlx.com/8tz06f74

But there is no ready solution for your requirements.

If you want us to implement a custom solution for you, you can contact the Sales team:
contact@dhtmlx.com