[4.1.0] Error in Grid column width calculation using IE8

[marjon]

[4.1.0] Error in Grid column width calculation using IE8.


REQUIRED INFORMATION

Ext version tested:

• Ext 4.1.0

Browser versions tested against:

• Firefox 11.0 (Windows)
• IE8 (8.0.6001.18702 windows XP-SP3)

Description:

• Using IE8 the column width of the datarows is wrong, the column widths in the header are OK.

Steps to reproduce the problem:

• Use standard grid-example "Basic Array Grid".

The result that was expected:

• As it is presented using FireFox.

The result that occurs instead:

• It appears as if the column width within the datarows fallsback to (row_width / num_columns).

Test Case:

• Use standard grid-example "Basic Array Grid".

Screenshots:

Firefox display:
FF-array-grid.jpg

IE8 display:
IE8-array-grid.jpg
See this URL for live test case: http://dev.sencha.com/deploy/ext-4.1...rray-grid.html


Debugging already done:

• none

Possible fix:

• not provided

Additional CSS used:

• only defaults

Operating System:

• Windows XP-SP3.

[evant]

I can't reproduce this, please see the attached screen.

[marjon]

Hi Evan,

I think you are in compatibility mode using IE,
while I'm in normal/default mode.


Hope you can make sense of this.

Marjon

[evant]

No, it's in the usual mode, you can see via the developer tools.

[marjon]

Hi Evan,

Thanks for your time.

It's weird, on my computer I get the same info as you state above (browser mode: IE8, document mode: IE8 standards) but with the shifted data columns as in my screen dump.
I have done some more tests with other computers and their the behaviour/layout of the grid is as expected.

Somehow it has something to do with the install of IE8 on my computer. I tried a complete de-install and re-install of IE8 and still have this behaviour.

Did you guys ever come across something like this ?
For the moment I will do my IE8 testing on another computer as a work around.

Any tips ?

Marjon

[evant]

Can't say I've seen that before, the usual culprit is caching. Are you looking at the online examples or a downloaded copy on a local server?

[marjon]

I thought about the caching and cleared everything but this didn't help.
I tried both the online examples and the examples on a local server but this gives me the same behaviour.

[samGod]

I have the same error
http://www.sencha.com/forum/showthread.php?214876-Grid-Shows-Hidden-Column-and-Data-Not-Align-with-Column-Header

I can`t figure out how to fix this. I can reproduce it in Extjs 4.0.7. However in my case, i can`t reproduce it on the local server, only on the distant one, and only in IE

Capture.PNG

[samGod]

To whom this may help,

It seems that the grids in Extjs, in my case, have an issue with IE browser mode "Internet Explorer 8 Compability View".

If the browser mode is IE8 or IE7 and does not emulate IE8, or IE7, the grids appear without any issues.

For more information concerning IE browser compability mode:
http://blogs.msdn.com/b/ie/archive/2...lity-view.aspx

[Animal]

It looks like it is failing to honour the style="table-layout:fixed" on the table, and therefore ignoring column sizing. They are all equal sized.