ICEfaces
  1. ICEfaces
  2. ICE-9908

ace:dataTable - Column misalignment on load of scrollable dataTable

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: EE-3.3.0.GA_P01
          • Fix Version/s: EE-3.3.0.GA_P02, 4.0
          • Component/s: ACE-Components
          • Labels:
            None
          • Environment:
            Firefox, Chrome, IE10

            Description

            This issue seems to be specific to the Williams app/use case. In certain scenarios when rendering a scrollable dataTable, the columns become misaligned and seem to be off by the same width as the scrollbar that is rendered.

            This has been demonstrated with their POC app "POC-07feb2014.war" that has been uploaded to the iceasd1 server - Users\arran\Case 12619.

            Here are the steps to reproduce:

            "I have uploaded POC-07feb2014.war to the root folder of ftp site. To see the problem use Chrome or Firefox and use the first submenu item under Screen2 menu and click Retrieve button without entering any filters. The initial display should be okay (depending on monitor size and resolution your using) but when you resize the browser to reduce the width of the page the headings and columns get missaligned because the headers don't have the 15px margin-right styling."

            1. 1.PNG
              45 kB
            2. 2.PNG
              116 kB
            3. column-pinning.png
              55 kB
            4. dataTable1.PNG
              16 kB
            5. dataTable2.PNG
              10 kB
            6. dynamic-row-styling.png
              118 kB
            7. scrollbar-outside-headers.png
              148 kB
            8. static-headers.png
              13 kB

              Activity

              Repository Revision Date User Message
              ICEsoft Public SVN Repository #40940 Tue May 06 10:32:42 MDT 2014 art.zambrano ICE-9908 changed scrollable tables' styling from overflow:auto to overflow:scroll, so that the scrollbar always appears when scrollable=true, in order to facilitate alignment calculations
              Files Changed
              Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/datatable/datatable.css
              Repository Revision Date User Message
              ICEsoft Public SVN Repository #40519 Tue Apr 01 14:37:29 MDT 2014 art.zambrano ICE-9908 fix to unpin columns before doing alignment calculations in resizeScrolling() and then pin them again at the end, in order to do correct calculations
              Files Changed
              Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/datatable/datatable.js
              Repository Revision Date User Message
              ICEsoft Public SVN Repository #40420 Tue Mar 25 15:32:13 MDT 2014 art.zambrano ICE-9908 removed unnecessary condition to calculate width of scrollbar; added condition to recalculate scrolling for new table instances on chrome
              Files Changed
              Commit graph MODIFY /icefaces4/trunk/icefaces/ace/component/resources/icefaces.ace/datatable/datatable.js

                People

                • Assignee:
                  Arturo Zambrano
                  Reporter:
                  Arran Mccullough
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  4 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: