We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
BoldDeskBoldDesk is now live on Product Hunt with a special offer: 50% off all plans. Let's grow together! Support us.
Hi,
When using virtualisation in the DataGrid, when scrolling down and a section is loaded the records jump. You can see in the attached sample with a small screen click that after the next section loads it jumps a "page". How do you prevent this from happening?
Thank you
Hi Andrew,
Greeting from Syncfusion support.
Are you facing a issue while the set of records are rendered to the grid and the next set of records make some time to render. And it is the default behaviour of virtualization . Kindly refer the UG documentation for your reference.
https://blazor.syncfusion.com/documentation/datagrid/virtualization
Please get back to us if you have further queries.
Regards,
Bala
Hi,
If you watch in the video included in the sample in the zip, its not the issue with render time as the drawing is expected, the issue is that its jumping "pages". When you scroll down and get to say line 20 and the next set then loads the page jumps and you suddenly see line 30 onwards making it unusable.
Tested the same in Telerik and others and they do not have that issue
Dear Andrew,
Thank you for reaching out to us regarding your issue with column virtualization jumping sections.
We're glad to inform you that this issue has been resolved in our latest version. If you are currently using an older version, we strongly recommend that you upgrade to the latest version to take advantage of this fix and other improvements.Please let us know if the issue persists after upgrading and we will be happy to assist you further.
Thank you for choosing Syncfusion and we hope our product continues to meet your expectations.
Best regards,
Bala,
Syncfusion Support Team.
Please find the Nuget package for latest fixes and features from below.
Nuget :https://www.nuget.org/packages/Syncfusion.Blazor.Grid
Ok so clearly my messages aren't being read correctly nor the video and sample project were checked, otherwise you would know that its not the column virtualization being used.
The ROW virtualization is the issue, the above update does not correct it.
Hi Andrew,
Greeting from Syncfusion support.
We have analysed the reported scenario at our end with the provided video demo and we could see a small changes in the Grid records (values) upon scrolling. When virtualization feature is enabled in Grid only the certain number of records say (50 based on view port / grid size) records will be displayed in Grid. Upon scrolling and on scrolling released, next set of records will be loaded & displayed in Grid. This is the default behaviour of Grid.
Please get back to us if you have further queries.
Regards,
Bala
A small change? How does scrolling down to item 50 and see it jump to the 70s a "small change", can you imagine scrolling through a product list stopping when you see the one you want and it jumps 20 lines? And the faster you scroll the worst it is, try it on your own demo site.
I suggest you look at mudblazor or Telerik to see how row virtualisation should work, its completely useless in its current state.
Thank you
Hi Andrew,
Sorry for the trouble you are facing.
We would like to inform you that the Virtualization feature has two approaches. One is a debouncing concept, as you were aware when Virtualization is enabled, only a certain number of records will be loaded in the viewport and upon scrolling, the next set of records will be loaded and displayed. So default approach, when scrolling we use debouncing concept where instead of white space, we will display the existing record values until the scroll handle or wheel scroll is released. Once it is released, based on the scroll handle position we will display the corresponding records set.
Another approach is VirtualMaskRow which matches your requirements. Upon scrolling, once the current set of records gets displayed we will display the placeholder till the scroll handle is released and display the corresponding records. So we request you to achieve your requirement using the VirtualMasked row feature of Grid.
Refer to our UG documentation for your reference
Please get back to us if you have further queries.
Regards,
Vignesh Natarajan
Hi,
Using the virtual mask still has a jump to the rows, in the attached project there are 2 screen recordings. One show just going scrolling down and the other going up and down over the same "load area" the grid still flickers and there's a jump.
It makes it extremely annoying for the users so the virtualisation on syncfusion is not worth it.
Attachment: Virtualization_d50e6c3c.zip
Hi Andrew,
The default behaviour of the virtual scrolling mode is that taking the time delay between the rendering of first set of records and next set. In mean time we have showed the existing records in looping/cyclic manner. To improve this, we have added support for MaskedRows, which manages to display the placeholder during the time between the first set of records and the next set. (i.e.) Instead of showing the looped records, we display placeholders as empty until new records are loaded. When you release the mouse after scrolling, the new set of records are displayed in the grid, replacing the placeholders. As we checked from your video demo in both scrolling we found that you are scrolling and release the mouse ,there is no jump in scrollbar position and grid. Where you have released the mouse at that position , new set of records are displayed by replacing the placeholders. This is the default behaviour .
We hope this explanation helps clarify how our virtual scrolling works. If you have any further queries or concerns, please do not hesitate to reach out to us.
Regards,
Bala
