Extjs 4 панель ширины столбца проблема в IE

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);
        }


    });

Я пробовал область просмотра и другие контейнеры, но все еще сталкиваюсь с той же проблемой ..

Может кто-нибудь, пожалуйстаПомогите.Спасибо

Answer 1

попробуйте конфигурацию сетки, columnWidths: ["100%"]