Html 嵌套表中的popover位于外部表的后面

我有一个表格需要有可滚动的tbody，所以我做了以下工作：

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

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

我试着在popover和它的容器以及它们的父母身上设置z索引，但没有成功

有什么建议吗

更新：

我没有使用引导javascript，只是使用css

outer div

有

溢出：auto

开关需要它来使内容可滚动，因此我无法将其设置为可见

我必须将

popover

html移出

outer div

吗？这是唯一的方法吗

---

具有popover的列是自定义角度指令。

尝试将popover的容器设置为

body

。例如：

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

或者在元素上放置

data container=“body”

属性。

---

基于

你的表是否有

溢出：隐藏

？@DarrenSweeney很好地捕捉到的不是表，而是

外部div

有，它需要它来滚动，无法关闭。我没有使用bootstarps js组件，只是css，html在td内部预呈现。如果必须的话，我应该自己编写js来正确定位它们，并将弹出窗口html移到

外部div

之外，有什么原因不能使用bootstrap js吗？您至少可以创建一个JSFIDLE，这样我们就可以看到代码了吗？