Gird Virtualization Glitching out

[Bryan Cho]

Hi,

On Syncfusion version 22.2.5, I'm trying to use use SfGrid inside TabItems on a page where each TabItem contains a grid with all of them having EnableVirtualization set to true. I'm not sure what exactly is causing it, but when I scroll It glitches out, especially when scrolling up. For better in the zip file there are to 2 videos showcasing the error. One named "SentProject" which showcases the problem on the project inside the zip, and another one named AnotherExample from another project where the problem is seen more.

Regards,

Bryan

Attachment: VirtualizationSample_d45a280f.rar

[Monisha Saravanan]

Hi Bryan,

Greetings from Syncfusion.

We suggest you to increase the pagesize for all the rendered Grids at your end to resolve the reported issue. Because when page size is smaller than the Grid Height then it will generate some white space. So we suggest you to increase the pagesize and check the reported issue at your end. Kindly check the modified sample for your reference.

<GridPageSettings PageSize="50" PageCount="10" PageSizes="true"></GridPageSettings>

Note : AllowTextWrap should not be used with virtualization. Please refer the below limitations.

https://blazor.syncfusion.com/documentation/datagrid/virtualization#limitations-for-virtualization

• The height of the datagrid content is calculated using the row height and total number of records in the data source and hence features which changes row height such as text wrapping are not supported. If you want to increase the row height to accommodate the content then you can specify the row height using RowHeight property to ensure all the table rows are in same height.

 

Please let us know if you have further queries.

Regards,

Monisha

Attachment: VirtualizationProto_4533f99b.zip

[Bryan Cho]

Hi Monisha,

Thank you for the help, that solved the problem of the white space when scrolling down. But I have a further question, when using virtualization when scrolling down, there's a little lag or delay in which the rows take to load as shown in the new video uploaded. Would it be possible to remove this?

Regards,

Bryan

Attachment: ScrollDown_676cd8d.rar

[Monisha Saravanan]

Hi Bryan,

We suggest you to try using cell placeholder in virtualization feature to avoid glitches while data loading. Kindly refer the below attached documentation for your reference.

Reference: https://blazor.syncfusion.com/documentation/datagrid/virtualization#enable-cell-placeholder-during-virtualization

<SfGrid DataSource="@GridData" Height="600" Width="300" RowHeight="38" EnableVirtualMaskRow="true" EnableVirtualization="true" EnableColumnVirtualization="true">

 

Please let us know if you have any concerns.

Regards,

Monisha