javascript - Handsontable 自动完成弹出/显示在单元格上方

Question

是否有任何相对简单的方法可以让自动完成功能在单元格下方不可见时在单元格上方弹出？

如果可能的话，我宁愿不修改handsontable.js或引入新的包。

现在使用 z-index，我可以强制它显示在我的页脚上，但我仍然希望它向上而不是向下。

我已经查看了 https://github.com/trebuchetty/Handsontable-select2-editor，但我真的不想引入新的软件包。

Answer 1

有一种方法可以在没有包的情况下做到这一点，但这意味着要提出一些有趣的 jquery 逻辑。您想要执行的操作如下:

在下拉列表上添加一个事件，使用选择器.height()计算其高度，并将其添加到当前位置。如果这个新值大于表格的底线，那么它就会溢出，因此您需要通过计算新位置并设置它来将其向上移动。

这是有趣的部分。为此，您需要考虑 HTML 坐标。您拥有下拉菜单的左上角位置及其高度。要将其放在单元格上方，新位置将为 dropPosition + dropHeight + cellHeight。现在，第一次渲染它时一切都很好，但当你滚动时，它就会变得不正常。

我还没有写这个，但我将来可能会写。如果您开始使用 fiddle ，我们可以 fork 它并尝试制定更具体的解决方案。