The problem is that the bar chart setting changes when resizing the gantt grid


When you resize the gantt grid, the part where the bar chart is set changes.
Is there a way to solve this problem?
I’m attaching a picture.

↓When it’s normal.

↓After resizing

  1. OnRowResize → Failed
  2. OnBeforeRowResize → Failed
  3. OnBeforeRowResizeEnd → Failed
  4. OnColumnResize → Failed
  5. onColumnResizeEnd → Failed
  6. onColumnResizeStart → Failed
  7. OnGridResize → Failed
  8. OnGridResizeEnd → Failed
  9. OnGridResizeStart → Failed

I’ve used all of the above methods. But they all failed.
If you have any other solution, please let me know.

Please do not provide an option to prevent resizing.
We must use the resize.

Every time I resize, I get several divs. I don’t know why.

Thank you.


I couldn’t reproduce the issue in the following snippets:

Probably, the issue is related to the Gantt configuration, but it is hard to suggest what might be wrong as I don’t see your code.
Please, add your configuration in the following snippet and make sure that the issue is reproduced there:

Then, click on the Share button and send me the link.

Or send me a ready demo with all the necessary Javascript and CSS files so that I can reproduce the issue locally.


Here’s a simple reproduction of the code.
Pressing “bar configuration” creates a new bar, and when resizing, the new bar disappears.


Thank you for sending the snippet.
Everything works as expected as you only modify the DOM elements. After Gantt repaints the changes, old HTML elements are removed and Gantt generates new ones according to the settings in the addTaskLayer function.
You need to add new style elements or modify the configuration in the addTaskLayer method.

Here are the snippets that demonstrate how it can be done: