We have an issue with the alignment of column headers and the main columns - per the screenshot you can see that the column header lines are sitting to the left of the main columns.
Advice on how this issue can be solved would be great.
Hello,
It is a bug in Gantt, and it occurs only when the most right visible column has the resize: true parameter. In the 7.0 and older versions, Gantt scrolled the whole grid:
https://snippet.dhtmlx.com/h5cwoouf
But starting from the 7.1.6 version, only the grid header is scrolled. The dev team will fix the bug in the future, but I cannot give you any ETA.
The workaround for that is to disable the resize property for the visible right column. If you use a custom solution for showing and hiding the columns, you need to add a custom code that will control that.
Here is an example of how it can be implemented:
https://snippet.dhtmlx.com/mketjjj6