Most alignment issues resolved in Chrome.

Firefox is looking very good also. 1 double border bug related to unpinning persists.

ICEfaces4 trunk r 49367
Browsers: all

Misalignment of the headers and wrong styling can be seen on the ace:dataTable tests using pinning and filtering functionality. Also, JS error occurs when filtering columns after pinning.
These issues can be reproduced also with EE-4.1.0.GA or ICEfaces 4.1.1 release libraries.

QA test app: http://dev.icesoft.com/svn/repo/qa/trunk/Regression-Icefaces4/Sparkle/Nightly/dataTable
ace:dataTable > Column Pinning Advanced / Dynamic Row Styling via RowStyleClass Attribute

The JS error occurs when after pinning a column, a letter is entered for filtering on a column; additional styling issues are seen, screen shots attached.

FF47:
SyntaxError: JSON.parse: expected property name or '}' at line 1 column 2 of the JSON data
http://localhost:8080/dataTable/javax.faces.resource/jquery/jquery.c.js.jsf?ln=icefaces.ace&v=4_2_0_161014
Line 160

IE11:
SCRIPT1014: Invalid character
File: jquery.c.js.jsf, Line: 160, Column: 49

Chrome53:
VM853:1 Uncaught SyntaxError: Unexpected token ' in JSON at position 1(…)d.parseJSON @ jquery.c.js.jsf?ln=icefaces.ace&v=4_2_0_161014:160h.parseJSON @ jquery.c.js.jsf?ln=icefaces.ace&v=4_2_0_161014:195ice.ace.DataTable.readPinningState @ ace-datatable.js.jsf?ln=icefaces.ace&v=4_2_0_161014:122ice.ace.DataTable.initializePinningState @ ace-datatable.js.jsf?ln=icefaces.ace&v=4_2_0_161014:97ice.ace.DataTable.resizeScrolling @ ace-datatable.js.jsf?ln=icefaces.ace&v=4_2_0_161014:95ice.ace.DataTable.setupScrolling @ ace-datatable.js.jsf?ln=icefaces.ace&v=4_2_0_161014:72ice.ace.DataTable @ ace-datatable.js.jsf?ln=icefaces.ace&v=4_2_0_161014:8ice.ace.create @ ace-core.js.jsf?ln=icefaces.ace&v=4_2_0_161014:4(anonymous function) @ VM852:1runScripts @ jsf.js.jsf?ln=javax.faces&v=4_2_0_161014:1doUpdate @ jsf.js.jsf?ln=javax.faces&v=4_2_0_161014:1response @ jsf.js.jsf?ln=javax.faces&v=4_2_0_161014:1onComplete @ jsf.js.jsf?ln=javax.faces&v=4_2_0_161014:1AjaxEngine.req.xmlReq.onreadystatechange @ jsf.js.jsf?ln=javax.faces&v=4_2_0_161014:1

There's another JIRA for the multiple row column headers (ICE-9718). However, the issue with filtering still exists when not using multiple row column headers.

Recasted this JIRA to focus only on the column pinning issue when using filtering.

The commit at revision 52109 for ICE-11374 fixed the Javascript error reported in this JIRA. However, the misalignments still occur.

r51125: fix to invoke table.resizeScrolling() on filter requests when column pinning is enabled, in order to fix misalignments