-
Bug
-
Resolution: Won't Fix
-
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"/>