title: Grid row doesn't change height when i hide column with image inside
body: <p>Ext JS 4.0.2. I have grid, and every row has column which display image (100x100). When grid is rendered every row has height about 120px. When i hide column with image inside i want to change height of rows so they have height like a one  text line. How to do it? I looked at <a href="http://docs.sencha.com/ext-js/4-0/#/api/Ext.grid.column.Column-cfg-hideMode" rel="nofollow">http://docs.sencha.com/ext-js/4-0/#/api/Ext.grid.column.Column-cfg-hideMode</a> but it doesn't  do  what i want. </p>
  
  <p><strong>updated</strong>
  code:</p>
  
  <pre><code>Ext.onReady(function() {
  
  
  var myData = [
      ['3m Co','logo-small.png'],
      ['Alcoa Inc','logo-small.png'],
      ['Altria Group Inc','logo-small.png']
  ];
  
  
  // create the data store
  var store = Ext.create('Ext.data.ArrayStore', {
      fields: [
         {name: 'company'},
         'url'
      ],
      data: myData
  });
  
  // create the Grid
  var grid = Ext.create('Ext.grid.Panel', {
      store: store,
      stateful: true,
      stateId: 'stateGrid',
      columns: [
          {
              text     : 'Company',
              flex     : 1,
              dataIndex: 'company'
          } ,
          {
              text     : 'Image',
              width: 200,
              hidden: true,
              hideMode: 'display',
              renderer : function(value){
                  return '&lt;img src="'+value+'"&gt;';
              },
              dataIndex: 'url'
          }
  
      ],
      height: 350,
      width: 600,
      title: 'Array Grid',
      renderTo: 'grid-example',
      viewConfig: {
          stripeRows: true
      }
  }); });
  </code></pre>
  
  <p>when column is hidden each row has still enough height to display image, i want them to have height like there is no image column</p>
  
  <pre><code>Ext.onReady(function() {
   var myData = [
      ['3m Co','logo-small.png'],
      ['Alcoa Inc','logo-small.png'],
      ['Altria Group Inc','logo-small.png']
  ];
  
  
  // create the data store
  var store = Ext.create('Ext.data.ArrayStore', {
      fields: [
         {name: 'company'},
         'url'
      ],
      data: myData
  });
  
  // create the Grid
  var grid = Ext.create('Ext.grid.Panel', {
      store: store,
      stateful: true,
      stateId: 'stateGrid',
      columns: [
          {
              text     : 'Company',
              flex     : 1,
              dataIndex: 'company'
          }  
  
      ],
      height: 350,
      width: 600,
      title: 'Array Grid',
      renderTo: 'grid-example',
      viewConfig: {
          stripeRows: true
      }
  }); }); 
  </code></pre>