[4.2.1] Grouping grid header has too large of width after hiding a column

STAND-ALONE TESTCASE

http://ift.tt/1pYwMO0



ADDITIONAL INFO

Ext version tested: Ext 4.2.1



Browser versions tested against: Chrome 33, IE11



Description: Hiding columns down to one in a grouping grid causes the header to be too wide. In more complex grids this can cause alignment issues.



Steps to reproduce the problem: Run Fiddle under 4.2.1. Each column is 100px wide and the header is 200px. Now hide the Name column. The Seniority column width stays at 100px but the group header is at 150px. Put a background-color on the .x-grid.data-row class and you can see the extra space.



The result that was expected: The group header should be the same width as the visible columns. If you remove the name column from the fiddle completely then you can see the expected result where the group header is the same width as the Seniority column (100px.) You can also run the original fiddle under 4.1.1 and when you hide the Name column the group header is the proper width.



The result that occurs instead: The group header is 150px instead of the expected 100px.





Haven't found a work around yet.