Details
-
Type:
Bug
-
Status: Closed
-
Priority:
Trivial
-
Resolution: Fixed
-
Affects Version/s: 1.6
-
Component/s: ICE-Components
-
Labels:None
-
Environment:All browsers, both XP and Royale themes
Description
When using the ice:dataTable with "scrollable=true" the displayed region for the scrollbars on the right-side of the dataTable has a very visible whitespace gap between the right edge of the last dataTable column and the vertical scrollbar. The gap wider on XP theme than Royale, but exists in both.
Testing shows the gap appears the same on all tested browsers.
Testing shows the gap appears the same on all tested browsers.
Activity
- All
- Comments
- History
- Activity
- Remote Attachments
- Subversion
I get the same behaviour but only with multi-column tables.
Note that IE has a quirk (nothing to do with the current issue): It doesn't seem to honor the width and overflow:hidden CSS settings for a <td> when the contents are wider than the <td> width. Therefore in such a case you need to wrap the contents within a <div> (i.e. <ice:panelGroup>):
<ice:column>
<ice:panelGroup style="width:160px;overflow:hidden;">
......
</ice:panelGroup>
</ice:column>
See the change in component-showcase\web\inc\components\table.jspx. (Do a diff. with prev. version.)
Show
yip.ng
added a comment - Note that IE has a quirk (nothing to do with the current issue): It doesn't seem to honor the width and overflow:hidden CSS settings for a <td> when the contents are wider than the <td> width. Therefore in such a case you need to wrap the contents within a <div> (i.e. <ice:panelGroup>):
<ice:column>
<ice:panelGroup style="width:160px;overflow:hidden;">
......
</ice:panelGroup>
</ice:column>
See the change in component-showcase\web\inc\components\table.jspx. (Do a diff. with prev. version.)
Screenshot showing the gap.