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

Column Resize Bug IE

2 Answers 163 Views
Grid
This is a migrated thread and some comments may be shown as answers.
John
Top achievements
Rank 2
John asked on 01 Feb 2013, 07:18 PM
I'm encountering a strange issue... when I resize any column in IE (v9 for this example)
All of the columns disappear except for the one I am resizing and the last one.

I have tried the resize column demo in IE and it does work.  I can't repro this outside of our application.

Apparently someone else is encountering this error
http://stackoverflow.com/questions/14579682/kendo-grid-resize-shrinks-all-the-columns-in-ie

Any suggestions?

-John-

Update on this:  When you mix between px and percentage is when the bug occurs.  if I have a fixed width and I resize a column, it will jump to that size but not hide.  the percentage is what I think breaks it.  I'm verifying this now.

2 Answers, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 05 Feb 2013, 11:06 AM
Hi John,

I just tested a Grid column resizing scenario with column widths defined in pixels and percent at the same time. It seems to work as expected.

Usually the observed jumping occurs when the column widths are defined incorrectly in such a way, that their sum does not match (and is smaller than) the Grid width. In this case the browser ignores the set widths and resizes the columns. However, when you start resizing, the columns jump to the width that you have set.

We recommend having at least one column with no width. Explicit widths for all columns should be used only if you want to exceed the Grid width and have a horizontal scrollbar.

Please provide your Grid configuration if you need further assistance or information on this matter.

All the best,
Dimo
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
John
Top achievements
Rank 2
answered on 05 Feb 2013, 01:47 PM
Dimo,

Thanks for the reply.  The issue was this:

http://www.kendoui.com/forums/ui/grid/grid-footer-height-expands-on-custom-action-mouseover-mouseout.aspx

That is due to an IE bug (of course).  The fix I applied that stopped it was this:

.k-grid-content
{
    overflow: scroll;
}

That keeps it ready to scroll without popping a scrollbar in and out.
I'm going to try the column with no-width and see how that gets placed.

Thanks again,

-john-
Tags
Grid
Asked by
John
Top achievements
Rank 2
Answers by
Dimo
Telerik team
John
Top achievements
Rank 2
Share this question
or