3) Static Headers Test: misalignment between header and columns (all browsers), see static-headers.png.

This issue was fixed under ICE-9955.

4) DataTable inside ace:dialog (ICE-7870)
Is this considered a misalignment when the scroll-bar is outside of the headers? this is seen on almost all demos for the dataTable with a scroll-bar, see scrollbar-outside-headers.png.

This is not a misalignment, and it's not related to these fixes. In the past, we increased the width of the last column header to cover the scrollbar width. This was changed at some point to make the header column completely align with its body column.

Testing results (issues 1 and 2 above) with IF4 trunk# 40522/ Firefox28, IE10, Chrome33:
1) Initial issue is resolved, however when pinning / un-pinning the same column, a gap increases between the pinned column and the column in front of it. This gap disappears if the window is resized (1.PNG).
2) Columns misalignment is resolved in FF28 and IE10 only, but not in Chrome; in all browsers though there is sorting applied to the columns that are pinned.
In all browsers, after pinning /unpinning the columns starting from left to the right side of the table, the table becomes rendered in the half right side of the page, partially outside of the viewable area (2.PNG).

These issues were fixed under ICE-9955 as well. It seems that the only remaining issues are those related to the ICE-8237 and ICE-9408 tests.

Committed fix for issues related to the ICE-8237 and ICE-9408 tests to 4.0 trunk at revision 40940 and to 3.3 EE maintenance branch at revision 40941.

After trying several approaches, what worked more consistently across browsers and the easiest solution was to simply change the scrollable table's styling from overflow:auto to overflow:scroll, so that the scrollbar is always visible when scrollable=true. In both tests above, the issues were due to the scrollbar disappearing, so by making it always visible (and disabled when not necessary), we facilitate the already-complex alignment calculations in scrollable tables and make them more consistent. Another advantage is that when a table with few rows dynamically receives more rows, it won't change its alignments and appearance when the scroll bar appears/becomes active.

Verified using QA dataTable test application, with EE-3.3.0-maintenance # 40944/ IF4 trunk # 40946 in FF28, Chrome34, IE10, re-testing the issues mentioned in above comments:

• Column Pinning Test
• Dynamic Row Styling via RowStyleClass Attribute test.
• Static Headers Test.
• DataTable inside ace:dialog (ICE-7870)
• ICE-8237.
  No misalignment issues have been found in these tests.
  The only issue that was still found (unrelated to this JIRA) was the increasing gap between columns when pinning/unpinning repeatedly the same column, however the gap disappears when the browser window is resized.