html - 嵌套表格内的弹出框落后于外表

Question

我有一个需要有可滚动 tbody 的表，所以我这样做了:

我在第二列中有一个弹出窗口(Bootstarp3 css no js)，我只是打开和关闭显示。但它落后于外表。见下图:

表头来自外层表，内容位于内层表。

我尝试在弹出框及其容器及其所有父项上设置 z-index，但没有成功。

有什么建议吗？

更新:

我没有使用 bootstraps javascript 只是 css。

outer-div 有 overflow:auto 女巫需要它来使内容滚动，所以我不能将它设置为 visible。

我是否必须将 popover html 移出 outer-div 是唯一的方法吗？

具有弹出框的列是自定义 Angular Directive(指令)。

Answer 1

尝试将 popover 的容器设置为 body。例如:

$('[data-toggle="popover"]').popover({
    container: "body"    
});

或者在元素上放置 data-container="body" 属性。基于Bootstrap popover options