IE11中的HandsonTable不会渲染带有标题列的数据列

Question

我使用Chrome中的Handsontable开发了我的网络应用程序。它很有趣并且运作良好。

但是现在我试图让它在IE11中运行，并且它有很大的渲染问题。

第一个，这个问题的主题是网格的实际宽度与标题不匹配。这是一张图片：

我可以通过将此样式添加到我的应用程序来接近工作：

.wtHolder {
    width: 100% !important;
}

但是他们仍然没有正确排队，而且在一个讨人喜欢的课上做!important似乎有些麻烦。

有没有办法让它在IE11中看起来正确？

其他信息：

当我创建这个handontable实例时，我正在设置以下选项：

createOptions(): ht.Options {
    let options: ht.Options = {};

    options.data = this.tableData;
    options.colHeaders = true;
    options.colHeaders = this.columnHeaders;
    options.colWidths = this.columnWidths;
    options.stretchH = 'all';
    options.columns = this.columnMappings;
    options.minSpareRows = this.minSpareRows;
    options.readOnly = this.isReadOnly;

    return options;
}

更新

错误的来源似乎是div，其中类设置为wtHolder。这不是wtHolder问题。 div有style="width: 41.66%"。

如果删除width，则网格会正确显示。不知道如何在代码中删除它（因为这是由handsontable设置）。

Answer 1

这种风格似乎解决了这个问题：

/*IE11 does not display widths correctly.  This fixes that error.*/
.wtHolder {
    width: auto !important;
}