Javascript 向网站添加新元素时，Ext JS GridPanel高度设置为0

我正在使用ExtJS3.4在网格中显示一些数据，并且本地主机和服务器版本之间存在差异。 在我在另一个面板中添加新按钮后，我网站中的一些网格面板的高度设置为0。该问题仅出现在服务器上，我无法在本地主机上复制。 第一张图片显示了网格在没有新元素的情况下的正确显示方式，第二张图片显示了带有元素的错误显示

GridPanel的代码如下所示：

 var timeStampGrid = new Ext.grid.GridPanel({
    border       : false,
    stripeRows   : true,
    store        : timestampJsonStore,
    colModel     : colTimestampModel,
    tbar         : timestampToolbar,
    loadMask     : true,
    autoExpandColumn : 'timeValue',
    bbar         : pagingToolbar,
    selModel : new Ext.grid.RowSelectionModel({
        listeners : {
            'rowselect' : function(model, index) {
                currentRow = index;
            }
        }
    })
});

新按钮的代码：

/*** delete top banner ***/
var delete_top_banner_Btn = new Ext.Button({
    text : Lang.translate('DELETE_TOP_BANNER'),
    icon : 'js/images/delete.png',
    handler : onTopBannerDelete
});
 /*** delete buttom banner ***/
var delete_buttom_banner_Btn = new Ext.Button({
    text : Lang.translate('DELETE_BUTTOM_BANNER'),
    icon : 'js/images/delete.png',
    handler : onButtomBannerDelete
});

我所尝试的：

删除新按钮=>正确显示

添加不同类型的新元素（标签、网格）=>错误显示

手动设置GridPanel的高度和宽度=>bugged display

不同浏览器=>错误显示

删除相邻网格上出现的GripPanel=>错误

将新按钮移动到网站=>bugged display的不同位置

由于该错误仅出现在服务器上，因此我尝试思考服务器和本地主机之间的区别：

• 服务器：虚拟LEMP-Nginx（1.4.6）+PHP（5.5.9）+MySQL
• Localhost:Windows10XAMPP+PHP（5.6.15）
• 服务器和本地主机（相同的文件）上的ExtJS版本也是3.4

虽然我不知道php版本会如何影响JavaScript Ext JS，但我尝试在本地主机上更改php版本，试图在本地主机上复制错误，但没有成功

---

我曾尝试在ExtJS3.4的已知问题中搜索，但似乎没有相关问题。此外，网站上的其他问题似乎也类似。

检查您正在使用的容器和布局配置。页面太复杂了吗？嗨！我已经检查了所有相关元素的容器。它们似乎都是按照文档使用的。这个问题在服务器端仍然存在，我无法在本地主机上重新创建它。我想说这个页面相当复杂，但我没有时间进行认真的重构。谢谢你的评论。