Smart rendering for background DOM elements is not efficient for columns

I think the title says it all. Using the example at
https://docs.dhtmlx.com/gantt/samples/08_api/10_performance_tweaks.html
with Background Mode = Default + Smart rendering
scrolling and looking in DOM I see that ‘gantt_task_row’ render only for the visible area unlike ‘gantt_task_cell’ which renders for the invisible area too. Is there a practical way to have both vertical and horizontal optimization coming out of the smart rendering lib?

Hello Alex,
We received your ticket in the support system.
Let’s continue our discussion there.

For anyone else: you can use static_background so that the cells won’t be displayed at all:
https://docs.dhtmlx.com/gantt/api__gantt_static_background_config.html
You can use the marker for highlighting all cells:
https://docs.dhtmlx.com/gantt/desktop__markers.html
In case if you have different calendars, you can use addTaskLayer feature:
https://docs.dhtmlx.com/gantt/api__gantt_addtasklayer.html
You can see how it might be implemented in the following snippets:
https://snippet.dhtmlx.com/4e7949918
http://snippet.dhtmlx.com/4f4cacf4e

1 Like