Slowness at selecting rows when page size is large

[Iuliana Maria]

Hi,

We use editable grids with multiple selection that sometimes have a page size of 500 or larger. In this case, when selecting another row when one or more rows are already selected, it takes few seconds to execute the operation. Is there anything that can be done to make this work faster?

Thanks,

Iuliana

[Martin]

Hi Iuliana,

Based on the provided information, what I could suggest at this point is to reduce the pageSize. Basically, the more HTML elements that have to be rendered by the Angular framework, the worse the performance will be. This is valid for all browsers. In general, we follow the best practices when it comes to performance optimization for the Kendo UI for Angular components. But we are also limited by the framework itself and its specific functionality which relies on zone.js heavily.

There are multiple optimization techniques available for Angular applications outlined on this page. Indeed, when it comes to a Kendo UI for Angular Grid-related performance optimization technique the most optimal one is to use paging or virtual scrolling with a smaller pageSize. Both approaches limit the number of rendered items at once by Angular and thus optimize the performance.

Please try setting the pageSize to 50 and check the described behavior again. In case the issue persists, could I ask you for a runnable demo, so that we can debug it on our end and be able to provide a more suitable suggestion. Thank you in advance.

Regards,
Martin
Progress Telerik