Uploaded image for project: 'ZK'
  1. ZK
  2. ZK-3601

FF/IE/Edge hidden column width inconsistent

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Won't Fix
    • Icon: Normal Normal
    • None
    • 7.0.8, 8.0.4.1
    • None
    • Security Level: Jimmy
    • problem happens in FireFox, IE11 and Edge

      Chrome looks correct

    • ZK 8.5.2 S2
    • None

      Steps to Reproduce

      run the attached examples for (grid, listbox, tree)
      hide columns using the buttons below or column header menu

      Actual Result

      the header and cell widths get out of synch

      Expected Result

      consistent header/cell widths

      Debug Info

      added red border styles to highlight the problem (not causing the problem)

      Root Cause

      possible cause: headers and cells are hidden using different styles
      visibility: hidden vs display none

      Workaround

      using an hflex width instead of a %-width seems to avoid the problem

      instead of this

      			<listheader id="lh1" label="aaa" width="25%"/>
      			<listheader id="lh2" label="bbb" width="25%"/>
      			<listheader id="lh3" label="ccc" width="25%"/>
      			<listheader id="lh4" label="ddd" width="25%"/>
      

      use this:

      			<listheader id="lh1" label="aaa" hflex="25"/>
      			<listheader id="lh2" label="bbb" hflex="25"/>
      			<listheader id="lh3" label="ccc" hflex="25"/>
      			<listheader id="lh4" label="ddd" hflex="25"/>
      

            wenninghsu wenninghsu
            cor3000 cor3000
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 hours
                2h