ICEfaces
  1. ICEfaces
  2. ICE-9616

ace:dataTable - Horizontal scroll issue with header contents that are absolutely positioned

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Minor Minor
          • Resolution: Won't Fix
          • Affects Version/s: EE-3.2.0.GA, EE-3.3.0.GA, EE-3.3.0.GA_P01
          • Fix Version/s: EE-3.3.0.GA_P02, 4.0
          • Component/s: ACE-Components
          • Labels:
            None
          • Environment:
            All
          • Assignee Priority:
            P3
          • Salesforce Case Reference:
          • Workaround Exists:
            Yes
          • Workaround Description:
            Hide
            Workaround 1

            Make relative-positioned the parent of the element that you wish to make absolute-positioned. For example...

            .ui-datatable-scrollable-header table thead tr th div {
            position:relative;
            }

            Workaround 2

            Instead of...

            <span style="position:absolute;">

            The following can be used:

            <span style="display:block; width:150px;">

            This will widen the table column to the specified width. They just have to choose a width that is enough to fit all the text and images they want to include in the column header.
            Show
            Workaround 1 Make relative-positioned the parent of the element that you wish to make absolute-positioned. For example... .ui-datatable-scrollable-header table thead tr th div { position:relative; } Workaround 2 Instead of... <span style="position:absolute;"> The following can be used: <span style="display:block; width:150px;"> This will widen the table column to the specified width. They just have to choose a width that is enough to fit all the text and images they want to include in the column header.

            Description

            The header contents of a column are set to use "position: absolute". This table is also in a container that allows for horizontal scrolling. When scrolling horizontally the absolutely position contents are scrolled along with the scrollbar and not kept in the correct location.

              Activity

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: