IE 上的 Extjs 4 面板列宽问题

Extjs 4 panel Column width issue on IE

我正在研究 extjs 4,

我有这样的网格面板

它在 CHROME 上工作正常,但在 IE 11 上, 网格列未正确呈现。

代码:

GRID = Ext.create('Ext.grid.Panel', {
        title: 'Popup',
        frame: true,
        selModel: checkboxselection,
        store: Ext.data.StoreManager.lookup('popupStore'),
        scrollable: true,
        columns: _COLS,
        features: [groupingFeature],
        flex: 90,
        autoHeight:true,
        autoWidth:true,
        renderTo: 'details',
        scroll: true,
        viewConfig: {
        style: {

        overflowX: 'hidden'
           }
         },
        listeners: {
            itemclick: function(dv, record, item, index, e) {
            SELECTED_GROUP_VALUE = record.get('GROUP_FIELD');
            if(selectionType =='SINGLE'){
                setValue(getProdId(), record);
            }
        },
        beforeselect: function(grid, record, index, eOpts)  {  },
        groupclick: function (view, node, group, e, eOpts) {  },
        headerclick: function(){                
            }
        },
        onSelectChange: function(record, isSelected, suppressEvent, commitFn) {
            grid = Ext.ComponentQuery.query('#grid-item-id')[0];
            grid.suspendLayout = true;
            this.callParent(arguments);
        }


    });

我已经尝试过 viewport 和其他容器,但仍然面临同样的问题..

有人可以帮忙吗。 谢谢

尝试网格配置,columnWidths:["100%"]