Jsp 使用ExtJS-3.2的IE11中的gridPanel高度0

我正在向IE11更新一个使用ExtJS-3.2的Web应用程序

我的问题是一系列4个gridPanel，IE11在第一个gridPanel中解释为ok，但当in-code指定高度为282时，其他3个解释为高度为0

第一个正常的网格面板：

        //Here is the "query"
        var datosProductos = [
            <logic:iterate name="consultaMultipleForm" property="listaActivos1" id="productos" indexId="index">
                <c:if test="${index != 0}"> , </c:if>
                [
                    '<bean:write name="productos" property="idTipo" />',
                    '<bean:write name="productos" property="descripcionTipo" />'
                ]
            </logic:iterate>
        ];
        storeProductos = new Ext.data.SimpleStore({
            proxy: dameProxy( 'GIConsultaMultiple.do' ),
            autoLoad: false,
            fields: [
               {name: 'ID'},
               {name: 'nombre'}
            ],
               data: datosProductos
        });
        // I think here is the important part
        gridProductos = new Ext.grid.GridPanel({
            columnWidth:.14,
            store: storeProductos,
            id: 'productosGrid',
            bodyStyle: 'border:1px solid #99BBE8',
            autoScroll : true,
            height: 282,                
            frame: true,
            columns: [
                {id: 'nombreProductoID', header: '<span style="font-size:10px; font-weight:bold"><bean:message key="gestionInventarios.consultaMultiple.resultado.tabla1.cabecera" /></span>',
                    renderer: pintaFilaProducto, width: 20, sortable: true, dataIndex: 'nombre'}
            ],
            stripeRows: true,
            minColumnWidth: 10,
            sm: new Ext.grid.RowSelectionModel({
                singleSelect:true
            }),             
            plain:true,
            border: true,
            loadMask: new Ext.LoadMask( Ext.getBody(), {
                msg:'<bean:message key="generic.label.cargando"/>'
            }),
            style: 'text-align: left;',             
            autoExpandColumn: 'nombreProductoID'
        });
        gridProductos.on('rowdblclick', function(gridProductos, rowIndex, e) {
            consulta_multiple(storeProductos.getAt(rowIndex).data, "0");
        });
        gridProductos.on('rowclick', function(gridProductos, rowIndex, e) {
            ver_detalle(storeProductos.getAt(rowIndex).data.ID, "0");
        });

并在车身线条中添加了新高度

bodyStyle: 'border:1px solid #99BBE8; height: 276px',

完整的代码是：

 gridProcesos = new Ext.grid.GridPanel({
            columnWidth:.14,
            store: storeProcesos,
            id: 'procesosGrid',
            bodyStyle: 'border:1px solid #99BBE8; height: 276px;',
            autoScroll : true,
            frame: true,
            columns: [
                {id: 'nombreProcesoID', header: '<span style="font-size:10px; font-weight:bold"><bean:message key="gestionInventarios.consultaMultiple.resultado.tabla2.cabecera" /></span>',
                    renderer: pintaFilaProducto, width: 20, sortable: true, dataIndex: 'nombre'}
            ],
            stripeRows: true,
            minColumnWidth: 50,
            sm: new Ext.grid.RowSelectionModel({
                singleSelect:true
            }),
            plain:true,
            border: true,
            loadMask: new Ext.LoadMask( Ext.getBody(), {
                msg:'<bean:message key="generic.label.cargando"/>'
            }),
            style: 'text-align: left;',
            autoExpandColumn: 'nombreProcesoID'
        });

gridProcesos=new Ext.grid.GridPanel({
列宽：.14，
商店：storeProcesos，
id:“Procesogrid”，
车身风格：“边框：1px实心#99BBE8；高度：276px；”，
autoScroll：是的，
框架：对，
栏目：[
{id:'nombreProcesoID'，标头：“”，
渲染器：pintaFilaProducto，宽度：20，可排序：true，数据索引：'nombre'}
],
是的，
最小列宽：50，
sm：新的Ext.grid.RowSelectionModel({
singleSelect:true
}),
朴素：没错，
边界：是的，
loadMask:新的Ext.loadMask（Ext.getBody（）{
消息：“”
}),
样式：“文本对齐：左；”，
autoExpandColumn:'nombreProcesoID'
});

---

现在它工作得很好。

如果您找到了问题的解决方案，请将其作为答案发布。我尝试过，但直到8小时后我才能作为答案发布。

bodyStyle: 'border:1px solid #99BBE8; height: 276px',

 gridProcesos = new Ext.grid.GridPanel({
            columnWidth:.14,
            store: storeProcesos,
            id: 'procesosGrid',
            bodyStyle: 'border:1px solid #99BBE8; height: 276px;',
            autoScroll : true,
            frame: true,
            columns: [
                {id: 'nombreProcesoID', header: '<span style="font-size:10px; font-weight:bold"><bean:message key="gestionInventarios.consultaMultiple.resultado.tabla2.cabecera" /></span>',
                    renderer: pintaFilaProducto, width: 20, sortable: true, dataIndex: 'nombre'}
            ],
            stripeRows: true,
            minColumnWidth: 50,
            sm: new Ext.grid.RowSelectionModel({
                singleSelect:true
            }),
            plain:true,
            border: true,
            loadMask: new Ext.LoadMask( Ext.getBody(), {
                msg:'<bean:message key="generic.label.cargando"/>'
            }),
            style: 'text-align: left;',
            autoExpandColumn: 'nombreProcesoID'
        });