Twitter bootstrap 3 DataTables JQuery引导的Popover覆盖

我正在使用DataTables JQuery，每一行都有动态文本。 此数据表显示在Modal上

我正在尝试使用bootstrap popover，但效果不好。它看起来像是桌子旁边的覆盖层

我的府绸有一半没有出现

链接似乎在工作，但在我的情况下（用动态数据表加载远程模式不起作用

表格

<td class="noteTable">
    <div class="show-popover" data-toggle="popover" title="{{$log->newStatusText}}">
        {{substr(($log->newStatusText),0,50)}}
    </div>
</td>

{{substr（$log->newStatusText），0,50）}

而脚本是

<script type="text/javascript">
$('[data-toggle="popover"]').popover({
    'trigger': 'hover',
    'placement': 'left',
});

$('[data-toggle="popover"]').popover({
'trigger': 'hover',
'placement': 'left',
'container': '.modal-body'
});

$（'[data toggle=“popover”]'）。popover({
“触发器”：“悬停”，
“位置”：“左”，
});

我的数据表脚本

<script type="text/javascript">
$(document).ready(function() {
    $('#showLogTable').dataTable( {
        "order": [[ 4, "desc" ]],
        "scrollY": 400,
        "destroy": true,
        "pagingType": "simple",
        "scrollCollapse": true,
        "dom": '<"top"f>t<"bottom"ip><"clear">'
    } );
} ); 
</script>

$（文档）.ready（函数（）{
$（'#showLogTable'）。数据表（{
“订单”：[[4，“说明”]，
“滚动”：400，
“毁灭”：真的，
“pagingType”：“简单”，
“卷轴崩溃”：没错，
“dom”：“t”
} );
} ); 

谢谢你的进步

更新：

我丑陋的解决办法是

将行展开到底部（按预期使用localhost，但在fiddle上看起来不工作）

更新2

当我设置“container”时：“'body'popover”放在modal后面！你知道怎么把它放在前面吗

---

将popover的

容器

选项设置为

主体

$('[data-toggle="popover"]').popover({
    'trigger': 'hover',
    'placement': 'left',
    'container': 'body'
});

---

这是模态分析的解决方案

这将有助于模态用户

<script type="text/javascript">
$('[data-toggle="popover"]').popover({
    'trigger': 'hover',
    'placement': 'left',
});

$('[data-toggle="popover"]').popover({
'trigger': 'hover',
'placement': 'left',
'container': '.modal-body'
});

---

有了这个解决方案，popover出现在我的模式下，有什么好主意吗？当你的小提琴不是复制问题或只是引入新问题导致人们相信问题不是你想象中的问题。我在这里做了一把小提琴，它实际上对应于问题->没有问题-什么都没有。你的问题是其他问题，你做得不对，或者可能弄乱了CSS-但我们无法知道是什么问题乌尔。