Resource names delayed loading when using a resourceHeaderTemplate

Hi,


Hi,

We are experiencing a problem when combining virtual scrolling with resource header templates where there is a delay in the resource names appearing and they don't appear until the events have rendered. 

When not using a template the resource names appear on the page at all times when scrolling down. 

We want to achieve the same thing whilst using the template.

I have modified your stack blitz to include a resourceHeaderTemplate to show the problem in action

https://stackblitz.com/edit/react-vmirtj?file=index.js

I look forward to your comments

regards

Adam Toone


1 Reply

SR Swathi Ravi Syncfusion Team October 16, 2024 01:33 PM UTC

Hi Adam,

Thank you for reaching out and for providing the StackBlitz example to illustrate the issue you're encountering with virtual scrolling and resource header templates.

I understand the concern regarding the delay in the resource names appearing until after the events have been rendered. This behavior is inherent to how the virtual scrolling feature operates, as it optimizes performance by only rendering elements when they come into the viewport. When using a resource header template, the elements will be re-rendered during scrolling, which can create the appearance of a delay.

Please let me know if you have any further questions or if there’s anything else I can assist you with.

Regards,
Swathi


Loader.
Up arrow icon