ICEfaces
  1. ICEfaces
  2. ICE-9519

ace:dataTable - Scrollable dataTable column misalignment in IE9/10

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: EE-3.0.0.GA_P01
          • Fix Version/s: EE-3.3.0.GA_P01, 4.0.BETA, 4.0
          • Component/s: ACE-Components
          • Labels:
            None
          • Environment:
            EE-3.3.0-P01-Alpha2
          • Assignee Priority:
            P1
          • Salesforce Case Reference:

            Description

            When displaying a dataTable in IE9/10, the header and body columns are misaligned. There seems to be a padding-right: 17px; being rendered on the div for the header and body table contents.

              Activity

              Ascending order - Click to sort in descending order
              Hide
              Permalink
              Nils Lundquist added a comment -

              I can only reproduce this in the POC if I force IE9 into IE9 standards mode. The header that forces IE into IE7 standards mode that is present masks any misalignment. I'm not sure if this could be reproduced in the Williams app any other way? Are they only serving that header for IE8?

              Show
              Nils Lundquist added a comment - I can only reproduce this in the POC if I force IE9 into IE9 standards mode. The header that forces IE into IE7 standards mode that is present masks any misalignment. I'm not sure if this could be reproduced in the Williams app any other way? Are they only serving that header for IE8?
              Hide
              Permalink
              Nils Lundquist added a comment - - edited

              This is because IE9 is serving an IE7 user agent - so the DataTable configures itself expecting IE7 standards. If IE7 standards are used (which they are when not changed with the dev tools) the example works as expected.

              The problem here is that the config of this app is forcing IE7 mode to the point of serving an IE7 user agent string. The issue isn't our component.

              Show
              Nils Lundquist added a comment - - edited This is because IE9 is serving an IE7 user agent - so the DataTable configures itself expecting IE7 standards. If IE7 standards are used (which they are when not changed with the dev tools) the example works as expected. The problem here is that the config of this app is forcing IE7 mode to the point of serving an IE7 user agent string. The issue isn't our component.
              Hide
              Permalink
              Nils Lundquist added a comment -

              My suggestion if they want to get the page working on IE9 / 10 they need to detect those browsers server side and stop that header that causes the compatibility mode from ever being served- or just accept the IE7 compat mode. Messing with the dev tools after serving that header the table just won't work- it's been configured for a different browser.

              Resolving pending discussion with client about their approach.

              Show
              Nils Lundquist added a comment - My suggestion if they want to get the page working on IE9 / 10 they need to detect those browsers server side and stop that header that causes the compatibility mode from ever being served- or just accept the IE7 compat mode. Messing with the dev tools after serving that header the table just won't work- it's been configured for a different browser. Resolving pending discussion with client about their approach.

                People

                • Assignee:
                  Nils Lundquist
                  Reporter:
                  Arran Mccullough
                • Votes:
                  1 Vote for this issue
                  Watchers:
                  3 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: