Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: [4.1.0] Error in Grid column width calculation using IE8

    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
      1  

    Default [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
    18,584
    Vote Rating
    873
      0  

    Default

    I can't reproduce this, please see the attached screen.
    Attached Images Attached Images
    Evan Trimboli
    Twitter - @evantrimboli

  3. #3
    Sencha User
    Join Date
    Jul 2008
    Posts
    4
    Vote Rating
    1
      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
    18,584
    Vote Rating
    873
      0  

    Default

    No, it's in the usual mode, you can see via the developer tools.
    Attached Images Attached Images
    Evan Trimboli
    Twitter - @evantrimboli

  5. #5
    Sencha User
    Join Date
    Jul 2008
    Posts
    4
    Vote Rating
    1
      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
    18,584
    Vote Rating
    873
      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
    Twitter - @evantrimboli

  7. #7
    Sencha User
    Join Date
    Jul 2008
    Posts
    4
    Vote Rating
    1
      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 Premium Member
    Join Date
    Feb 2010
    Posts
    21
    Vote Rating
    5
      1  

    Default 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 Premium Member
    Join Date
    Feb 2010
    Posts
    21
    Vote Rating
    5
      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,615
    Vote Rating
    55
      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.

Page 1 of 2 12 LastLast

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •