extjs 5网格的滚动条在边框布局面板中不起作用

在边框布局面板中，即使网格存储足够长，导致网格溢出，网格的滚动条也无法正常工作！

如果我的网格位于无边框布局面板中，则滚动条是可以的，但是当我将网格放入边框布局面板中时，要么没有滚动条，要么有无效的滚动条！

{
        // what i want is  to make this grid to scroll ! the scroll-bar is nested in a border layout panel.
        xtype: 'grid',
        title: 'west bottom grid(I am begging for your scrollbar !)',
        columns: [{
            text: 'header',
            dataIndex: 'header'
        }],
        store: Ext.create('MyApp.OverflowStore'), //this store is long enough to make the grid overflow
        autoScroll: true
    }

完整代码：参见sencha fiddle：https://fiddle.sencha.com/#fiddle/ffv https://fiddle.sencha.com/#fiddle/ffv

如果有人可以帮助给网格一个正确的滚动条？

您应该确保为组件的容器设置布局，并确保像网格这样的容器具有 Flex 值，以便正确分配空间。请参阅此处更正的小提琴 https://fiddle.sencha.com/#fiddle/fgd