The Kendo-UI Grid supports the concept of locked columns that are always on the left side of the screen (in a non-RTL-world) and do not scroll. This makes it necessary to split the underlying HTML-table into two parts (one is locked and one is not). Kendo-UI takes care of syncing the height of the rows between those two tables.
However, if there are empty cells in the locked part, this logic produces results that make the row grow larger (higher) than if there was content. This DOJO demonstrates the behaviour. Using the Browser's DEV-Tools, you can see that rows without content in column A are 37px high, while those with content are only 36px high.
Hello Michael,
Thank you for the follow-up.
I am afraid this is still unplanned but I raised its priority so it gets a front position in the queue.
Regards,
Nikolay
Progress Telerik
Hi Michael,
Please accept my apologies for the typo - I meant height, not width.
This logic for calculating the height of the rows was considering the Internet Explorer browser and the Grid rendering there. However, as it is deprecated now we can change it so the row height is the same in empty and non-empty rows.
Here is the GitHub issue: https://github.com/telerik/kendo-ui-core/issues/7356
As a token of gratitude for reporting this, I have added some Telerik points to your account.
Nikolay
Progress Telerik
The width for the rows that have no data is dynamically calculated and populated with JS. I will need more time to investigate if the calculations are correct.
The issue is the height of the columns not their width.
Hi Michael,
The width for the rows that have no data is dynamically calculated and populated with JS. I will need more time to investigate if the calculations are correct.
Meanwhile, you can replace the locked columns with sticky ones so the Grid will render with only one HTML table and so this problem will be avoided.
Regards,
Nikolay
Progress Telerik