title: jqgrid, group header columns get mis-aligned on resize
body: <p>I am using group headers on a set of columns. These seem to work OK as long as I dont' resize the grids. If and when I resize the grid to be smaller than it's actual width the data columns seem to be misaligned and do not line up properly with the column heading. Is there a fix for this.</p>
  
  <p>Thank You</p>
  
  <p>Chandra</p>
  
  <p>Edited to add example and picture.</p>
  
  <pre><code>jQuery("#mbboAbboList").jqGrid('setGroupHeaders', {
      useColSpanStyle: false,
      groupHeaders:[
       {startColumnName: 'mbboInfo.bidSize', numberOfColumns: 4,titleText: '&lt;em&gt;MBBO&lt;/em&gt;'},
       {startColumnName: 'abboInfo.bidSize', numberOfColumns: 4, titleText: '&lt;em&gt;ABBO&lt;/em&gt;'}
     ]
  });
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/msHH1.png" alt="Picture shows difference between normal and mis-aligned columns"></p>