IE 上的 Extjs 4 面板列宽问题

Question

我正在研究 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 和其他容器，但仍然面临同样的问题..

有人可以帮忙吗。谢谢

Answer 1

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

IE 上的 Extjs 4 面板列宽问题

Extjs 4 panel Column width issue on IE

extjs4

internet-explorer-11