Last Updated: 17 Mar 2022 12:58 by ADMIN
Created on: 10 Mar 2022 15:26
Category: Grid
Type: Bug Report
Having locked columns in Grid causes performance issues in UI:

I'm facing an issue where having locked columns in my grid makes the UI performance bad:
1. The page takes more time to stabilize than when not having the columns locked.
2. The scrolling lags.

I'm using (locked) property for columns, and the issue happens regardless of the grid content or number of locked columns.

Please advise or fix accordingly.

1 comment
Posted on: 17 Mar 2022 12:58

Hi Ban,

Thank you for the provided feedback.

Basically, when there are locked columns then the component renders two HTML table elements within the Grid. One for the locked columns and a second one for the unlocked columns. When scrolling both tables are synched but the more items that are rendered in the Grid the worse the performance will be. That is the reason why the Grid behaves differently when the locked columns feature is enabled.

Indeed the rows misalignment behavior is caused due to the synchronization which is performed under the hood to align the two separate table elements when the new data set is loaded in the Grid and when scrolling. That is why I will proceed with declining this request.

What could be done as a workaround is to utilize sticky columns instead of locked columns. This feature makes the columns sticky so that when you scroll horizontally the Grid, these sticky columns are always visible on the screen. This feature doesn't require the rendering of two separate table HTML elements by the Grid and thus could be used as a workaround.

Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at