javascript - 当表格响应时， Bootstrap 可过滤弹出窗口在移动设备中消失

Question

我已经搜索过了，但我没有在任何地方找到解决方案...

我有一个表格响应，我想按列过滤 (img 1)。我的过滤器基于 this filter我有一个问题。当我在手机中看到表格时，可编辑的弹出框没有出现 (img 2)，因为过滤器在表格内。

[编辑] 有人在移动设备上尝试过带有弹出框的响应式表格？!

[编辑] 这个例子放在这里太长了，但是你可以查看 this example在 div 类中具有表格响应，例如:<div class="table-responsive"> <table> ... </table> </div> .

谁能帮帮我？如果您需要更多信息，请告诉我。

谢谢

Answer 1

经过两周的研究并尝试了我所知道的一切，我终于解决了这个问题。

在我的例子中，我在脚本第 1392 行添加了 popover 选项的默认值bootstrap-editable.js

行代码

1   / *! X-editable - v1.5.1
.
...
1390 mode: 'popup',
1391
1392 container: 'body'

所以 popover 不再“在表格内”，现在属于 body，因此位于其他对象的前面..

我的引用:link