This is a migrated thread and some comments may be shown as answers.

Kendo UI Grid Locked Column Issues

3 Answers 1678 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Preeti
Top achievements
Rank 1
Preeti asked on 05 Jul 2017, 10:08 AM

In our grid we have some columns locked. There is an edit option to edit data in columns. The editable columns have a multi-select box and when we select more than three options the hegith of the locked and unlocked columns starts mismatching.

If we remove the locked column property than there is no issue.

We are using kendo version "2015.3.1111".

Thanks

3 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 07 Jul 2017, 06:53 AM
Hello Preeti,

This issue may occur if the height of the Grid is not set, as this is one of the requirements for frozen columns:

http://docs.telerik.com/kendo-ui/controls/data-management/grid/appearance#locked-columns

If the issue still occurs, please provide a fully runnable example and I will gladly assist.

Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
0
Preeti
Top achievements
Rank 1
answered on 10 Jul 2017, 12:34 PM

Hi Stefan,

Thanks for replying.

I have checked and all the properties are set as mentioned.

There is one point in the article you mentioned - "Frozen columns rely on row height synchronization between the frozen and non-frozen parts. Some browsers, such as Internet Explorer 9 and Firefox, require a line-height style set in pixels. Otherwise, the synchronization might not work properly possibly because of sub-pixel quirks." By any chance is this causing the problem.

Creating Sample project may take some time. I will upload once it is done.

Once again thanks for your assitance.

0
Accepted
Stefan
Telerik team
answered on 12 Jul 2017, 08:38 AM
Hello Preeti,

Indeed, the difference in the height will cause the mentioned issue.

Please set the line-height as suggested in the documentation in order to check if this will resolve the issue.

Also, I made one example that can be used as a start.

The issue was reproduced in the example, and after additional tests, I can recommend setting a large enough width of the column in order to display all items on one line even if more items are selected:

http://dojo.telerik.com/OjICaP

Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
Tags
Grid
Asked by
Preeti
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Preeti
Top achievements
Rank 1
Share this question
or