Gantt Bug - external_render triggered for column header and markers

@dhx/gantt: “9.0.7” => working
@dhx/gantt: “9.0.9” => not working

Hello,

I integrated gantt as part of an angular project. I use external_render to allow rendering angular components inside grid data cells and everything was working just fine until the upgrade to version 9.0.9 happend.

The problem is that after the switch labels for column headers no longer render. I did not change a single line of code so I began to wonder why that is. After debugging a bit I managed to notice that before (with the 9.0.7 version) on renderElement function was called only for gantt data cells wheras with 9.0.9 version renderElement function was triggered even for header cells as well as markers causing it to override default rendering behavior. Hence blank labels and no content for markers. All columns are affected by this regardless of whether they have onrender function defined or not.

Hello,
It should be related to the updates in the grid in the 9.0.9 version.
In the previous versions, the valid type for the values of the label parameter was only the number and string. With the 9.0.9 version, the dev team released the React wrapper:
https://docs.dhtmlx.com/gantt/whatsnew.html#909:~:text=Samples%20for%20React%20Gantt%20were%20added%20to%20the%20Commercial%2C%20Enterprise%2C%20Ultimate%2C%20and%20Evaluation%20packages

One of the changes makes it possible to return native React elements inside the Grid column headers in the React wrapper:



Right now, there is no official Angular wrapper. There are plans to implement it in the future, but I cannot give you any ETA.

The grid headers don’t have the onrender function that is called after Gantt finished rendering the data. And after you add the elements, there is no ready method to detach the components. So, using the external_render doesn’t guarantee that it would work correctly.

I have the following demo where the native Angular element is added in the onDataRender event handler and detached in the onBeforeDataRender event handler:
https://files.dhtmlx.com/30d/f803141ff7e219b5d2922fe2d9f88790/angular17+gantt+material-badgeButton.zip

It works the same way with the 9.0.10 version:
https://files.dhtmlx.com/30d/0ac5598fc1f85e5ac5436dbb7646dbdb/angular17+gantt+material-badgeButton+9.0.10.zip