DataTables JQuery

Question

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

我正在尝试使用bootstrap popover但是没有正常工作。它看起来就像桌子上的叠加。

我的一半弹出窗口没有出现。

fiddle链接似乎有效，但在我的情况下（使用动态数据表加载远程模态无法正常工作

表格

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

脚本

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

我的数据表脚本

<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>

感谢您提前！

更新

我丑陋的解决方案是

fiddle按行扩展到底部（正如预期的那样工作localhost但是小提琴看起来不像工作）

更新2

当我设置＆＃39;容器＆＃39;＆＃39; body＆＃39;莫名后面莫代尔！知道怎么带前线吗？

Answer 1

将弹出窗口的container选项设置为body。

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

Answer 2

这是模态

的解决方案

这将有助于模态用户

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