Issue with Kendo Grid Column Widths and Locked Columns

[soyoung]

Hello

I hope this message finds you well.

 

I am currently facing an issue with the Kendo Grid when using locked columns. Specifically, when I set the width for the last column and then reduce the browser zoom level to 80%, the widths of the header table and the data table do not fit proportionally. Here are the details:

1. Issue Description:

   • Component: Kendo Grid
   • Problem: When there are locked columns and I set the width of the last column, adjusting the browser zoom level to 80% causes the widths of the header table and the data table to not fit proportionally.
   • Current Behavior: At 80% browser zoom, the header and data tables' widths are not aligned correctly, leading to a misalignment in the grid display.

    

2. Steps to Reproduce:

   • Set up a Kendo Grid with locked columns.
   • Set the width for the last column.
   • Reduce the browser zoom level to 80%.
   • Observe the misalignment between the header and data table widths.

I have attached photos for your reference.

- Default(100%)

- 80%

Could you please provide some guidance on how to resolve this issue or suggest any potential workarounds? Any insights or resources you could share would be greatly appreciated.

Additionally, when applying " width: 100% !important " to the tables, there is a misalignment between the header and content areas.

Could you please look into this issue as well?

 

Thank you in advance for your time and assistance. I look forward to your response.

Best regards,

 

[Florence]

Hello,

can you please tell me that your query is solved or not because i am also facing the same issue... If you got the answer please share it. 

Best regards,
florence023 
HealthCareGov

[Nikolay]

Hi,

This behavior is expected when locked columns are used. I recommend switching to sticky columns instead where this problem will not be present.

Sticky columns documentation: https://docs.telerik.com/kendo-ui/controls/grid/columns/sticky-columns

Dojo demo: https://dojo.telerik.com/AHewIMac

Regards,

Nikolay

 

[soyoung]

I want to use locked columns. 

Any way to solve this problem?

[Nikolay]

Hello Soyoung,

I am afraid this behavior cannot be avoided with locked columns.

Regards,

Nikolay