[2.0b1/rc1] GridPanel rendering bug in IE

[jay@moduscreate.com]

Modify your CSS per this thread and let's see if that fixes the issue:
http://extjs.com/forum/showthread.php?p=80794#post80794

To fix the IE Grid run-away issue

Changed EXTJS Line #337 from:
.x-grid3-header-offset{padding-left:1px;width:10000px;}

to
.x-grid3-header-offset{padding-left:1px;width:auto;} 

[thescott18]

Modify your CSS per this thread and let's see if that fixes the issue:
http://extjs.com/forum/showthread.php?p=80794#post80794

To fix the IE Grid run-away issue

Changed EXTJS Line #337 from:
.x-grid3-header-offset{padding-left:1px;width:10000px;}

to
.x-grid3-header-offset{padding-left:1px;width:auto;} 

That did it! Thank you, kind sir!

But why was it set like that? What is going to break by changing 10000px to auto?

[jay@moduscreate.com]

nothing that i could tell. everything works great in both IE6 and FX2.x for winders.

just be aware that grids do not resize properly (yet) and their header text will not appear rendered until the window.resize event is fired (for some reason).

[Zyclops]

Changed EXTJS Line #337 from:
.x-grid3-header-offset{padding-left:1px;width:10000px;}

to
.x-grid3-header-offset{padding-left:1px;width:auto;}

The change fixed the grid being 10* the size of the viewport, and also made the header the same size as the columns. With some playing aorund this also only worked in combination when the grid was in a container, otherwise the body of the table would still overflow.

    var container = new Ext.Container({applyTo: element_id, 
                                           layout: 'fit',
                                           items: this.grid});

Now the issue is that the grid pushes out it's container and expands to it's full size instead of scrolling inside the grid:

|CONTAINER| (the grid extends the width of the container)
|-GRID---------|
instead of:
|CONTAINER|
|--GRID---| (with scrollbars on the grid)

In firefox/safari everything is as normal

[Zyclops]

I've found an issue with

Changed EXTJS Line #337 from:
.x-grid3-header-offset{padding-left:1px;width:10000px;}

to
.x-grid3-header-offset{padding-left:1px;width:auto;}

If you have a grid with a large number of columns, the later columns start becoming gradually more and more out of sync (to the left side) of the column headers. Changing it back to width: 10000px fixes that issue...

but then back to the problem in ie6.. sigh

[jay@moduscreate.com]

^^ thanks for that

[neshaug]

What layout are you guys using for the parent container? I had this bug, and was using tablelayout, I changed it to borderlayout and the grid turned out fine. On the other hand my formpanel on top of the grid doesn't render as it should. Though if I add a comment <!-- --> on top of the html doc, as statet the form will render correctly if I leave out the margins config. I'll check around if this bug is reported before.

[Zyclops]

I was just using a gridpanel, then I tried with a container and fit, and i've tried with borderlayout, but none of them fix the ie6 10x issue.

[jay@moduscreate.com]

A contractor that is working with us has provided a work-around/override. i'll post tomorrow.

[Zyclops]

Awesome!