I am trying to upgrade my Kendo UI JQuery installation from 2022 to 2024 and it is not going smoothly. One issue I'm having is that now my grids with locked columns do not span the whole width of their container. In the old version, the k-grid-table would expand to fill the width of the k-grid-content but now it seems that the columns retain their width, rather than growing like they used to. So now there is a large white space between the last column and the vertical scrollbar. I did notice that if I remove the inline style in the developer tools that is applied to the k-grid-table in the unlocked section, it fixes it. It should continue to expand all columns evenly to fill the available width like it did in versions past or this should be an option that the user can set. To leave that space without any user choice is a bug.
Old Version:
New Version:
Note, I reported this in a forum post. I know I can write code as a workaround but that is cumbersome, especially when I have many grids and multiple developers working on the project.
Hi Lee,
As the issue is explained in more detail in the forum, please find a link to my reply below
Upgrading from 2022 to 2024 q2 in Kendo UI for jQuery | Telerik Forums
In case you have additional questions I would suggest keeping the conversation in the forum thread.
Regards,
Yordan
Progress Telerik
Do you have a stake in the designеr-developer collaboration process? If so, take our survey to share your perspective and become part of this global research. You’ll be among the first to know once the results are out.
-> Start The State of Designer-Developer Collaboration Survey 2024
I think I found the issue. In the new version, role="grid" was changed to role="none" in the table header and completely removed in the body of the table. One of my CSS files was targeting that to add a "min-width: 100%" to the tables.
2021:
2024:
Hello Lee,
I have investigated the report.
The trailing space between the last column and the scrollbar, where at least one Grid's column is locked, is present in all Kendo versions.
When a column is set as locked, this triggers all columns in the grid to resize to the width set for each one.
For the Grid's locked column to work, all of the Grid's columns should have a set width.
When the total width of all columns is less than the resizable Grid's width, the trailing space after the last column appears.
A quick workaround is setting width="auto" to the last column.
Here are Dojo examples to showcase the Grid's behavior with different Kendo versions:
Regards,
Yordan
Progress Telerik
Do you have a stake in the designеr-developer collaboration process? If so, take our survey to share your perspective and become part of this global research. You’ll be among the first to know once the results are out.
-> Start The State of Designer-Developer Collaboration Survey 2024