ICEfaces
  1. ICEfaces
  2. ICE-3151

DataTable: text-overflow: ellipsis does not work in IE6

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Minor Minor
          • Resolution: Fixed
          • Affects Version/s: 1.7
          • Fix Version/s: None
          • Component/s: ICE-Components
          • Labels:
            None
          • Environment:
            WinXP SP2; IE6 SP2; Firefox 2.0.0.14

            Description

            The dataTable example in the component showcase shows a bug when the data of a column exceeds its length. I use the dataTable part xp.css deliverd with the demo (start with ----------- Data Table Component classes) and the table code for the jsp site from the showcase.

            It works fine in Firefox but not in IE6. (See picture one)

            When i add table-layout: fixed to the table then it works but the last column line is moved one or two pixel to the left. (See picture two)

            1. screenshot-1.jpg
              202 kB
            2. picture two.jpg
              64 kB
            3. picture one.jpg
              58 kB
            4. picture 2.jpg
              64 kB

              Issue Links

              blocks

              Bug - A problem which impairs or prevents the functions of the product. ICE-3021 Datatable: displaced table-header when headerRow is used in a scrollable table

              • Major - Major loss of function.
              • Closed

                Activity

                Hide
                Permalink
                yip.ng added a comment -

                The proper fix for this alignment problem is to wrap the cell contents inside a div like so:

                <ice:column>
                ......
                <ice:panelGroup style="width:100px;overflow:hidden;">
                <ice:outputText id="firstName" value="#

                {employee.firstName}

                "/>
                </ice:panelGroup>
                </ice:column>

                See screenshot-1.

                See ICE-3021 for more details on how to achieve proper alignment in a scrollable table.

                Show
                yip.ng added a comment - The proper fix for this alignment problem is to wrap the cell contents inside a div like so: <ice:column> ...... <ice:panelGroup style="width:100px;overflow:hidden;"> <ice:outputText id="firstName" value="# {employee.firstName} "/> </ice:panelGroup> </ice:column> See screenshot-1. See ICE-3021 for more details on how to achieve proper alignment in a scrollable table.

                  People

                  • Assignee:
                    Unassigned
                    Reporter:
                    Wolfgang Müller
                  • Votes:
                    8 Vote for this issue
                    Watchers:
                    1 Start watching this issue

                    Dates

                    • Created:
                      Updated:
                      Resolved: