Issues with Syncfusion Tree Grid Virtual Scrolling

Dear Syncfusion Support Team,

https://ej2.syncfusion.com/angular/demos/#/tailwind3/treegrid/virtual-scrolling

I am encountering two issues with the Syncfusion Tree Grid component when virtual scrolling is enabled:

  1. Editing State Not Persisted: When editing a row, the editing state is not maintained if the row is scrolled out of the viewport and then scrolled back into view. The editing mode is canceled, and any changes made are lost.
  2. Missing Records at the Top: When scrolling to the top of the Tree Grid, some records fail to display, resulting in missing data at the top of the viewport.Image_8746_1751857207192Image_8431_1751857228102

Could you please investigate these issues and provide guidance or a fix? Let me know if you need additional details or a sample to reproduce the problems.

Thank you,


1 Reply

SK Sreedhar Kumar Panarapu Sreenivasulu Panarapu Syncfusion Team July 7, 2025 02:38 PM UTC

Hi techlandandyzhang,

Greetings from Syncfusion Support!

Thank you for reporting the issues with Tree Grid virtualization behavior.

We’ve reviewed the first scenario regarding editing state not being preserved while scrolling. This is expected behavior with virtualization enabled—only the currently visible rows are rendered in the DOM. As a result, when a row in edit mode is scrolled out of view, it is destroyed and recreated when scrolled back into view, causing the edit state to reset.

Regarding the second issue—missing records at the top while scrolling up—we’ve tested this behavior using the sample below, but were unable to reproduce the problem: 53t4doam (duplicated) - StackBlitz

To help us investigate further, could you please share:

  • A minimal reproducible sample or modified version of the above link
  • The exact steps or configuration used when the issue occurs
  • Any specific scroll position or expand/collapse behavior preceding the problem

We’ll be happy to assist further once we can reproduce the issue.

Best regards,

Sreedhar Kumar

 


Loader.
Up arrow icon