Handsontable - 水平滚动条消失

Question

我使用名为 split.js 的库创建了四个 Handsontable 实例，它们在四个窗口中均匀分布。

然后我通过将容器溢出设置为自动来启用每个窗口上的滚动条。

#equipment {
  overflow: auto;
}

这在所有 GUI 操作下成功地在垂直位置显示滚动条。

但是，水平滚动条的问题有点多。具体来说，在窗口的初始加载时，水平滚动条无处可见。但是在拖动 split.js 排水沟时，滚动条又神奇地出现了！但是然后在单击容器内的handsontables 时，水平滚动条再次消失（到handsontable 的底部）。见下图。

我还创建了一个显示此问题的小提琴。

https://jsfiddle.net/JoshAdams/4p8jLcnk/

所以我的问题是如何让水平滚动条在上述所有情况下始终显示？

Answer 1

overflow:auto 位于一个高度高于其父级的元素上。父元素有overflow:hidden，因此子元素上的水平滚动隐藏在视图之外。我不确定您是否想要悬停滚动条，所以我已将其添加到 CSS 中但将其注释掉。这是一个更新的小提琴。

https://jsfiddle.net/4p8jLcnk/9/