当滚动条出现时，面板会留下空白区域

Question

我正在使用Ext.js构建一个应用程序，我构建了一个网格面板，我每14秒加载一次数据。当滚动条出现在面板上时，它显示一个我想要删除的空白但我不知道如何，我已经尝试覆盖包含时间轴的ID并更改颜色，但它不起作用因为Ext.js再次生成了CSS代码，每次更改都消失了。

Demo

是否可以隐藏此空白区域？

我的代码：

Ext.define('ES.view.Layout.Menu.Menu', {
  extend: 'Ext.grid.Panel',
  alias: 'widget.timelineBar',
  controller: 'menu',
  viewModel: 'menu',
  autoScroll: true,

  title: 'Timeline',
  bodyStyle: 'background: #2b5876;',
  store: {
    type: 'timeline'
  },
  columns: {
    border: false,

    defaults: {
      hoverCls: ''
    },

    items: [{
        text: locale.time,
        flex: 1,
        dataIndex: 'time',
        align: 'center',
        height: 60
      },
      {
        text: locale.address,
        dataIndex: 'address',
        flex: 1,
        align: 'center',
        height: 60

        listeners: {

          click: 'onItemClick'

        },
      },
      {
        text: locale.dir,
        dataIndex: 'dir',
        flex: 1,
        align: 'right',
        height: 60

      }
    ]
  }
});