Javascript 布局中的滚动条位置错误：适合

我有一个面板，在该面板中我动态加载网格。 这是面板的代码

{
    xtype: 'panel',
    region: 'center',
    frame: true,
    scrollable: true,
    itemId: 'MyGrid',
    reference: 'MyGrid',
    layout: {
        type: 'vbox',
        align: 'stretch'
    },
    items: []
}

和网格样本

Ext.define("MyApp.view.MYGrid", {
extend: 'Ext.grid.Panel',
    alias: 'widget.MyGrid',
    requires: [
        'Ext.grid.filters.Filters',
        'Ext.form.field.ComboBox',
    ],
    emptyText: 'No data available.',
    disableSelection: true,
    margin: '3 3 0 3',
    collapsible: true,
    multiSelect: false,
    closable: true,
    columnLines: true,
    uniqueFields: [],
    });

initComponent: function() {
    var me = this;
    me.fields = me.prepareFields(me.headersXmlDoc);
    me.columns = me.prepareColumns(me.headersXmlDoc);
    me.store = me.prepareGridStore(me.headersXmlDoc);
    this.callParent(arguments);
},

现在，当网格有足够的数据时，水平和垂直滚动都会正确进行，但当网格有更少的数据和更多的列时，滚动条就会下降。我本以为这是最后一张唱片，但它即将发行

所有网格的高度都相同，但记录较少

示例图片

我想要滚动条刚好在最后一个数据的下方。通过调试，我发现

layout:fit

但不知道如何克服这一点

---

有人能帮我吗。谢谢你的帮助

您需要对网格应用overflowY。我认为fit布局没有问题。如果上述配置不起作用，请分享一些技巧