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
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
0
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
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!