ExtJS GridPanel 中的垂直滚动条

我正在开发一个项目，其中页面上有一个 GridPanel。该面板可以显示任意数量的行，并且我设置了 autoHeight 属性，这会导致 GridPanel 扩展以适合行数。我现在想要一个水平滚动条，因为在某些分辨率下，并非所有列都会显示（并且我无法减少列数）。

如果我设置 autoHeight，我就没有水平滚动条，如果我不设置它并设置固定高度，我就有一个水平滚动条，但 GridPanel 显然不适合行数......

我能做些什么来解决这个问题吗？我似乎找不到能够达到我需要的结果的财产。

您会发现在网格面板周围放置一个父容器（Ext.panel.Panel 或任何容器）是成功的。如果您在父容器上硬编码高度、宽度和布局（以“适合”），则子项 (Ext.grid.Panel) 将展开以填充其父容器的整个可用空间。

参见第 80 和 81 页Ext JS 4 Web 应用程序开发指南.

您可以对“Ext.grid.Panel”使用惰性实例化符号。意思是为您的子容器（项目）使用“网格”xtype财产。

Ext.create('Ext.panel.Panel', {
    title: 'parent container',
    width: 800,
    height: 600,
    layout: 'fit',
    items: {
        xtype: 'grid',
        title: 'child container',

        ... define your grid here 

    },
    renderTo: 'grand parent container'
});