嵌套表中的popover落在外面的表中

Question

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

我在第二列内部有一个popover（Bootstarp3 css no js），我只是打开和关闭显示器。但它落后于外桌。见下图：

表的标题来自外表，内容位于内表中。

我尝试在popover及其容器和所有父母上设置z-index，但没有成功。

有什么建议吗？

更新：

我没有使用bootstraps javascript只是css。

outer-div有overflow:auto女巫需要它才能使内容滚动，因此我无法将其设置为visible。

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

具有弹出窗口的列是自定义角度指令。

Answer 1

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

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

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