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. picture 2.jpg
              64 kB
            2. picture one.jpg
              58 kB
            3. picture two.jpg
              64 kB
            4. screenshot-1.jpg
              202 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: