HandsonTable - div 类“WtHolder”自动高度计算不正确

Jos*_*osh 5 html javascript handsontable

我试图让 HandsonTable 自动将其宽度和高度调整为与其关联的 div 容器的大小,在这种情况下,我们称之为“测试”。我已经按照 HandsonTable 指南(见下面的链接)来实现这一点,它说不指定高度和宽度设置,并且“表格将垂直和水平填充整个窗口”。

https://handsontable.com/blog/articles/a-complete-guide-to-changed-size-of-handsontable

下面提供了我实现此目的的代码:

var container = document.getElementById('test');

hot = new Handsontable(container, {
        data: data()
      });
Run Code Online (Sandbox Code Playgroud)

但是,当我的容器的大小发生变化并且我的 handsontable 重新渲染时,height 属性不会设置为修改后的容器的新高度。相反,它被设置为一些奇怪的高度计算。

通过查看源代码元素,可以确定罪魁祸首是“WtHolder”div 元素,它使用一些奇怪的计算来设置自身的高度。请参阅下面的代码。

<div class="wtHolder" style="position: relative;width: 494.5px;height: calc(50% - 4px);">
Run Code Online (Sandbox Code Playgroud)

那么有没有办法始终确保将此高度值设置为 div 容器高度的 100%?

在此先感谢您的帮助!