将Handsontable设置为100％的宽度和高度，并在必要时使用滚动条

Question

我如何始终将Handsontable的宽度和高度设置为100％。我希望表格始终扩展整个屏幕尺寸，或在其他div容器内扩展。每个单元格的默认宽度应设置为minWidth。因此，如果有很多列，表格将扩展到整个屏幕并添加一个水平滚动条。

我在许多论坛上搜索了任何解决方案，但找不到任何有用的方法。我试图将不同的Handsontable div设置为100％，但是每当这样做时，整个表就会出现错误。

var hot = new Handsontable(container, {
  data: data(),
  minSpareCols: 1,
  minSpareRows: 1,
  rowHeaders: true,
  colHeaders: true,
  contextMenu: true,
  width: '100%',
  height: '100%',
});

我将宽度和高度bouth设置为100％，但这没有任何改变。

我创建了一个JSFiddle，它显示了具有确切问题的表。只需在全屏上按一次，然后再次退出。之后，您将看到表格如何不扩展到滚动条。

https://jsfiddle.net/6gvkLyf1/

感谢您的帮助！

Answer 1

我设法自己解决了。我围绕handsonable创建了一个容器div，并将其设置为100％的宽度。现在我要做的就是添加

stretchH: 'all' 

到表格设置。