Declined
Last Updated: 31 Jul 2024 10:49 by ADMIN
Lee
Created on: 19 Jul 2024 16:33
Category: Kendo UI for jQuery
Type: Bug Report
0
Large gap between last column and scrollbar

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. 

4 comments
ADMIN
Yordan
Posted on: 31 Jul 2024 10:49

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

Lee
Posted on: 24 Jul 2024 18:44

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:

Lee
Posted on: 24 Jul 2024 14:13
I am requesting this be reopened as you clearly did not look at the images above before replying. The old version, 2022 is wider. The new version 2024 is not. See the images above. 
ADMIN
Yordan
Posted on: 24 Jul 2024 14:09

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