Handsontable呈现屏幕

Question

我正在使用handsontable插件的演示代码。

代码是：

var data = [
  ["", "Ford", "Volvo", "Toyota", "Honda"],
  ["2016", 10, 11, 12, 13],
  ["2017", 20, 11, 14, 13],
  ["2018", 30, 15, 12, 13]
];

var container = document.getElementById('example');
var hot = new Handsontable(container, {
  data: data,
  rowHeaders: true,
  colHeaders: true
});

我的div是：<div id="example"></div>。

但是当它渲染插件时，它就不在屏幕上了。

我发现这是CSS的一个问题。但它是股票标准CSS？

如果我改变：

.ht_master .wtHolder {
  overflow: auto;
}

为：

.ht_master .wtHolder {
  overflow: hidden !important;
}

然后根据以下内容将内容带入内容：

但是这些街区的位置并不正确。关于造型的任何提示？