When I use splitterSettings to change gantt's visualization the Chart is still being rendered?

[bruna luiza mokwa]

When I use splitterSettings to change gantt's visualization (for example, view: 'Grid') the 'Chart' is still being rendered, just invisible? Because I noticed that performance doesn't improve when I hide the Chart.

[Sridharan Jayabalan]

Hi Bruna,

Greetings from Sycnfusion.

Current Behavior: When you set view: 'Grid' in the splitterSettings, the Gantt chart moves the splitter to the far right, displaying only the Grid view. However, the Gantt chart itself remains in the DOM and is not removed. This is why you can still move the splitter back to the left to reveal the Gantt chart.

It’s important to note that this setting does not improve performance, as the Gantt chart is still rendered in the DOM, even though it is not visible.

Performance Improvement Suggestion: If your goal is to improve performance, we recommend enabling virtualization in the Gantt chart. Virtualization optimizes rendering by loading only the visible rows and columns, significantly improving performance for large datasets.

For more details, please refer to the following links:

Demo - Gantt Chart · Virtual Scroll · Syncfusion React UI Components

Documentation - Virtual scroll in React Gantt component | Syncfusion

 

Regards,

Sridharan

[bruna luiza mokwa]

Hi,

Thanks for answering!

There is a way to remove 'Chart' from the DOM? 

[Sridharan Jayabalan]

Bruna,

 

For your query, removing the Gantt chart from the DOM is not possible, as it is not a valid use case. This is because element-based validations are implemented in our source end.

If you only need the TreeGrid functionality without the chart, we recommend using the TreeGrid component instead. Please refer to the links below for more details on the component.

Demo - Tree Grid · Overview · Syncfusion React UI Components

Documentation - Index in React Treegrid component | Syncfusion

 

 

Regards,

Sridharan