There are multiple DataGrids on the same page and virtual scrolling is enabled. Scrolling up slowly brings up blank spaces

[York]

DataGrid version 19.1.63

Vue vsersion 2.6.12

I want to render multiple DataGrid on the same page and enable virtual scrolling.

But I found that when the DataGrid scrolls up slowly, a blank space appears.

If the page only has one DataGrid, everything works fine.

You can check this link. Reproduce this problem  https://codesandbox.io/s/stupefied-fermi-38kvd4?file=/src/App.vue

How should I solve this problem.

Thanks

[Hemanthkumar S]

Hi York,

Greetings from Syncfusion support.

Query: There are multiple DataGrids on the same page and virtual scrolling is enabled. Scrolling up slowly brings up blank spaces

We attempted to replicate the reported issue in the latest version of the Syncfusion Grid (v23.1.44) but were unsuccessful in reproducing the problem. As a resolution, we recommend upgrading your Syncfusion packages to the latest version, as this should address the reported issue. For more detailed information, please refer to the provided sample.

Sample: https://codesandbox.io/s/red-framework-hggc7w?file=/package.json

Regards,

Hemanth Kumar S