Catch gantt "update" event after a resize

Hello,
I would like to execute a function after the gantt is “updated” after resizing, for example :
when i resize my resource list panel, the resource list columns are reloaded (from the config that i gave). And i lost dom modification that i made after the gantt render.

I know that there is onResize events but i would prefer to execute my functions when the gantt is “updated”, if it is possible.

Hello Hellois,
It is not recommended to modify the DOM elements of Gantt directly. When Gantt is repainted, the changes will be lost. And there are many actions that trigger the repaint event. For example, if you update a task, Gantt will call the render method, and it will repaint the resource grid as well.

Instead of that, you can use the templates and return the HTML elements there:


If you want to show React elements inside the grid cells, you need to use the onrender method:
https://docs.dhtmlx.com/gantt/desktop__specifying_columns.html#modifyingcellsafterrendering

Here are the demos:
https://files.dhtmlx.com/30d/2456041d53a0aa75abe191ee83614821/reactive-gantt+gantt-instance+react-components.zip

https://files.dhtmlx.com/30d/f803141ff7e219b5d2922fe2d9f88790/angular17+gantt+material-badgeButton.zip