Smart rendering for background DOM elements is not efficient for columns


#1

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?


#2

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