This is a migrated thread and some comments may be shown as answers.

Kendo Grid Virtualization killed with CSS style

1 Answer 10 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Robert
Top achievements
Rank 1
Robert asked on 01 Apr 2014, 03:00 PM
I've been trying to track down a performance issue we are seeing with the kendo grid when using client side binding with virtualization turned on.  After much trial and error I have found the cause to be one simple css style. When applied the grid dies. My findings are in Chrome and I have not tested any other browser.

Plunker:  http://plnkr.co/edit/EDFS3Z?p=preview

This shows the grid capable of loading 1700 odd rows fine, it can sort and filter with good performance due to the option of scrollable: { virtual: true } and pageSize: 50.

When you un-comment the line /*border-bottom: 1px solid #c5c5c5;*/  in the index.html file you will see the problem, the plunker may not respond or it will and the grid will be extremely slow.
We has this line in our theme and it was killing our grids, when you turn virtualization off it works but then we have other performance issues.

Anyone else seen this?  very hard bug to find :o

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 03 Apr 2014, 11:26 AM
Hi Robert,

This issue is related to the virtual scrolling's average row height calculation and it was recently fixed, you can try the latest internal build.

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Robert
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or