Hello, сan I somehow make a custom scroll, that is, take the scrollbar out of the Gantt container itself and manage it so that all synchronization is possible? like in a photo
Hello Ivan,
There is no built-in or ready solution for that. You need to manually move the DOM elements to another parent element each time you load Gantt, then each time you call the init or resetLayout method.
Or you can try to implement a custom solution another way. You can hide the scrollbar visibility by changing the scroll_size config:
https://docs.dhtmlx.com/gantt/api__gantt_scroll_size_config.html
Then you can add custom scrollbars and manually synchronize the positions of the DOM elements.
@ramil Hi, may be you can provide some simple example of this “Then you can add custom scrollbars and manually synchronize the positions of the DOM elements”?
Hello Ivan,
I found this example of the implementation for creating a scrollbar:
If we combine it with Gantt, it will look like this:
https://snippet.dhtmlx.com/eq1i6hsh
In the snippet, I use the gantt.scrollTo method to scroll the timeline, but you can also use the scrollLayoutCell method to scroll any layout cell:
https://docs.dhtmlx.com/gantt/api__gantt_scrolllayoutcell.html