Grid display problems using Virtualization
Hello,
I finally wanted to enable virtualization on an SfGrid control.
I changed a previous demo solution as follows:
<SfGrid DataSource="Orders" @ref="mainGrid" Height="100%"
EnableVirtualization="true" EnableVirtualMaskRow="true">
The demo updates the contents of the rows every 2 seconds, and every 20 seconds, a new row is inserted.
It mimicks my main application, as I wanted virtualization to reduce overall server consumption.
But I've got two display problems.
1) When I set Height="100%", the scrolling doesn't work, the grid is within a 7000+px high div but only shows up the first ten entries, even when scrolling down.
Note how the About header goes behind the grid while scrolling then in front of it
See attached file virtual_100percent*.zip which contains a animated gif.
How can I stretch a working virtualized grid over the whole window?
2) For the sake of testing virtualization I set Height="600".
Unfortunately it is not working flawlessly.
Try to scroll down to the bottom of the grid, it is quite difficult actually to see the bottom of the grid (with OrderID = 200)
Once you see it, you'll notice that the line is duplicated whenever a new row is inserted.
After a while, the grid looks like that:
On a random basis, the display even gets stuck until you scroll, showing up only placeholders:
Is it a bug or something that I didn't configure properly?
You'll find the source code of the solution attached.
Can you please help.
Thank you very much.
Attachment: SyncFusionVirtualGridExample_a77591a5.zip
