Gridpanel header bug in IE8 browser

[webdev2111]

I noticed in IE8 that the grid panel header column is of different sizes.. Any idea how this can be fixed?

here is the code and screen shot

    var listView = Ext.create('Ext.grid.Panel', {
      store: mystore,
      multiSelect: true,
      splitHandleWidth: 10,
      columnLines: true,
      viewConfig: {
        emptyText: 'No images to display'
      },

      renderTo: containerEl,
      
      columns: [{
        text: 'Severe',
        flex: 10,        
        dataIndex: 'Severe',

      },{
        text: 'Class',
         flex: 30,
        dataIndex: 'ClassName',
          renderer: function(value, metaData, record) {
          return Ext.String.format('<a href="#" class="tooltip2" >{0}<span>{0}</span></a>', value);
        }
      }, {
        text: 'Instance',
        flex: 0,
        dataIndex: 'InstanceDisplayName',
        renderer: function(value, metaData, record) {
          return Ext.String.format('<a href="#" class="tooltip2" >{0}<span>{0}</span></a>', value);
        }
      }, {
        text: 'Events',
        align: 'stretch',
        flex: 10,
        dataIndex: 'EventDisplayName',
        renderer: function (value, metaData, record) {
          return Ext.String.format('<a href="{0}" class="tooltip" >{1}<span>{1}.</span></a>', record.get('NotificationPropertiesLink'), record.get('Severity'));
        }
      }, {
        text: 'Impart',
        flex: 10,
        dataIndex: 'Import',
        align: 'right',
         renderer: function(value, metaData, record) {
          return Ext.String.format('<a href="#" class="tooltip-impact">{0}<span>{0}</span></a>', value);
        }
        
      }, {
        text: 'Last Changed',
        flex: 30,
        dataIndex: 'LastChangedAt',
        renderer: function(value, metaData, record) {
          dateVal = Ext.util.Format.date(value, 'd-M-Y h:i a');
          return Ext.String.format('<a href="#" class="tooltip-date" >{0} <span>{0} </span></a>', dateVal);
             }
      }
               
      ]
    });
    //pass along browser window resize events to the panel         
    Ext.EventManager.onWindowResize(listView.doLayout, listView);

header-panel-ie8-bug.jpg

[mitchellsimoens]

Is this in 4.0.7 or earlier? This should be fixed in 4.1.0

[pmantraw@bmc.com]

Hi mitchellsimoens,

Is there any quick fix for this issue, as we are getting into serious issues with the GridPanel header in IE8.
Or if you can refer me tot a particular file location in 4.1 Beta source code that would be helpful.

Thanks,
Prasad

[mitchellsimoens]

http://www.sencha.com/forum/showthre...-Now-Available