ICEfaces
  1. ICEfaces
  2. ICE-8473

ace:dataTable - header/table placement issue when used in an ace:panel

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: 3.1
          • Fix Version/s: 3.2
          • Component/s: ACE-Components
          • Labels:
            None
          • Environment:
            IE7, IE8/9 Compat Mode
          • Workaround Exists:
            Yes
          • Workaround Description:
            Remove the width and custom CSS.

            Description

            An ace:dataTable is included in a toggleable ace:panel. When displayed in IE7 or IE8/9 Compat modes and the ace:panel is expanded, the ace:dataTable is shown as being shifted down until the mouse is moved where it will snap back to its correct position.

            The other issue is when this is used in an ace:panelExpansion of a parent ace:dataTable. The issue here is that the nested dataTable headers are shifted down until the mouse is moved.

            All of these issues seem to be due to setting the style attribute of the ace:dataTable to use a percentage or pixel width. For example: style="width: 100%;"

            Also the follow custom CSS also shows the issue with the nested dataTable:

            .ui-datatable th {
                position: static !important;
            }

              Activity

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: