ICEfaces
  1. ICEfaces
  2. ICE-8888

ace:dataTable, issue with column pinning when using filtering

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: None
          • Fix Version/s: 4.3
          • Component/s: ACE-Components
          • Labels:
            None
          • Environment:
            IF 3.x

            Description

            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.

            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.
            1. 1.png
              102 kB
            2. 2.png
              55 kB

              Issue Links

              blocks

              Bug - A problem which impairs or prevents the functions of the product. ICE-11419 ace:dataTable, table gets narrower when filtering pinned column

              • Major - Major loss of function.
              • Closed
              depends on

              Bug - A problem which impairs or prevents the functions of the product. ICE-9528 ace:dataTable > Pinned Columns Lose Styling When Styled Via rowStyleClass

              • Major - Major loss of function.
              • Closed

              Bug - A problem which impairs or prevents the functions of the product. ICE-9531 ace:dataTable column pinning should survive row level updates

              • Major - Major loss of function.
              • Closed

              Bug - A problem which impairs or prevents the functions of the product. ICE-9729 ACE DataTable component - pinned columns blink while scrolling

              • Major - Major loss of function.
              • Closed

              Bug - A problem which impairs or prevents the functions of the product. ICE-10338 ace:dataTable - lower border is not visible in scrollable dataTable (IE and Chrome)

              • Trivial - Cosmetic problem like misspelt words or misaligned text.
              • Closed

              Improvement - An improvement or enhancement to an existing feature or task. ICE-8885 ace:dataTable Improve pinned column firefox scrolling behaviour

              • Minor - Minor loss of function, or other problem where easy workaround is present.
              • Open

              Improvement - An improvement or enhancement to an existing feature or task. ICE-9718 Support ace:dataTable pinned columns feature in combination with multiple row column headers

              • Major - Major loss of function.
              • Closed
              duplicates

              Bug - A problem which impairs or prevents the functions of the product. ICE-8802 ace:dataTable column pinning border alignment issues

              • Major - Major loss of function.
              • Closed

                Activity

                Ascending order - Click to sort in descending order
                Hide
                Permalink
                Nils Lundquist added a comment -

                Most alignment issues resolved in Chrome.

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

                Show
                Nils Lundquist added a comment - Most alignment issues resolved in Chrome. Firefox is looking very good also. 1 double border bug related to unpinning persists.
                Hide
                Permalink
                Carmen Cristurean added a comment - - edited

                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

                Show
                Carmen Cristurean added a comment - - edited 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
                Hide
                Permalink
                Arturo Zambrano added a comment -

                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.

                Show
                Arturo Zambrano added a comment - 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.
                Hide
                Permalink
                Arturo Zambrano added a comment -

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

                Show
                Arturo Zambrano added a comment - Recasted this JIRA to focus only on the column pinning issue when using filtering.
                Hide
                Permalink
                Arturo Zambrano added a comment -

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

                Show
                Arturo Zambrano added a comment - The commit at revision 52109 for ICE-11374 fixed the Javascript error reported in this JIRA. However, the misalignments still occur.
                Hide
                Permalink
                Arturo Zambrano added a comment -

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

                Show
                Arturo Zambrano added a comment - r51125: fix to invoke table.resizeScrolling() on filter requests when column pinning is enabled, in order to fix misalignments

                  People

                  • Assignee:
                    Arturo Zambrano
                    Reporter:
                    Nils Lundquist
                  • Votes:
                    0 Vote for this issue
                    Watchers:
                    3 Start watching this issue

                    Dates

                    • Created:
                      Updated:
                      Resolved: