Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Jul 2008
    Posts
    4
    Vote Rating
    1
    marjon is on a distinguished road

      1  

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

    [4.1.0] Error in Grid column width calculation using IE8


    [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.

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,067
    Vote Rating
    660
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    I can't reproduce this, please see the attached screen.
    Attached Images
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Sencha User
    Join Date
    Jul 2008
    Posts
    4
    Vote Rating
    1
    marjon is on a distinguished road

      0  

    Default


    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

  4. #4
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,067
    Vote Rating
    660
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    No, it's in the usual mode, you can see via the developer tools.
    Attached Images
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  5. #5
    Sencha User
    Join Date
    Jul 2008
    Posts
    4
    Vote Rating
    1
    marjon is on a distinguished road

      0  

    Default


    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

  6. #6
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,067
    Vote Rating
    660
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    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?
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  7. #7
    Sencha User
    Join Date
    Jul 2008
    Posts
    4
    Vote Rating
    1
    marjon is on a distinguished road

      0  

    Default


    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.

  8. #8
    Sencha User
    Join Date
    Feb 2010
    Posts
    15
    Vote Rating
    5
    samGod is on a distinguished road

      1  

    Default Same issue

    Same issue


    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

  9. #9
    Sencha User
    Join Date
    Feb 2010
    Posts
    15
    Vote Rating
    5
    samGod is on a distinguished road

      1  

    Default


    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

  10. #10
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,508
    Vote Rating
    58
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      0  

    Default


    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.