Grid's virtual scrolling doesn't work past 559,240 rows

1 Answer 114 Views
Grid
John
Top achievements
Rank 1
John asked on 28 Apr 2023, 06:35 PM

I've created a sample REPL to demonstrate the issue:

https://blazorrepl.telerik.com/mHaSmsvW31IZ0rar47

In Grid.OnRead event handler, if you set args.Total to an amount > 559240, then the Grid will only scroll to 559240.  In my example, I used 1,000,000 for my virtual data source size.

1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 28 Apr 2023, 06:53 PM

Hi John,

I think you are hitting the CSS limit for maximum possible element height.

If possible, use a smaller row height and override the theme to apply smaller vertical cell paddings. If that's not enough to reach the last row, you will have to apply some default filtering, so that the total number of items (and resulting scrollable height) is smaller.

<TelerikGrid Class="smaller-padding" />

<style>
.smaller-padding .k-master-row .k-table-td {
    padding: 0 8px;
}
</style>

Regards,
Dimo
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
John
Top achievements
Rank 1
commented on 28 Apr 2023, 07:14 PM

Thank you Dimo - that was it!  I set RowHeight to 30, and used your smaller-padding CSS and was able to get to 1 million virtual rows.
Tags
Grid
Asked by
John
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or