- 
    Type:Bug 
- 
    Resolution: Fixed
- 
    Priority:Normal 
- 
    Affects Version/s: 8.5.0
- 
    Component/s: Components
- 
    Security Level: Jimmy
- 
    None
- 
        None
Steps to Reproduce
- run the code below
<grid width="602px"> <columns menupopup="auto"> <column width="200px" label="Col 1"/> <column width="200px" label="Col 2"/> <column width="200px" label="Col 3" visible="false"/> </columns> <rows> <row> <label value="AAA"/> <label value="BBB"/> <label value="CCC"/> </row> <row> <label value="AAA"/> <label value="BBB BBB"/> <label value="CCC CCC CCC"/> </row> <row> <label value="AAA"/> <label value="BBB BBB BBB"/> <cell> <label value="CCC CCC CCC CCC CCC"/> </cell> </row> </rows> </grid> 
Current Result
the 3rd row becomes higher than a normal one
Expected Result
all row heights keep unchanged
Debug Information
- caused by wrapped texts
- ZK-3748doesn't fix this case
- suggest applying a CSS declaration instead of a inline style on elements
 current:<td id="z_i-chdextr" style="text-overflow: ellipsis;white-space: nowrap;" class="z-row-inner">...</td> suggested: <td id="z_i-chdextr" class="z-row-inner z-row-hidden-column">...</td> 
workaround
- use <if> to make a column invisible
- apply white-space: nowrap; on a hidden column
- .z-grid .z-row-content { white-space: nowrap; /* overflow: auto; optional, depends on your design */ }
- apply attached js patch

