我正在使用DataTables JQuery,并且每一行都有动态文本。该数据表在模态上显示。
我正在尝试使用bootstrap popover,但无法正常工作,看起来像被桌子覆盖了。
我的弹出式窗口的一半没有显示。
小提琴链接似乎有效,但就我而言(使用动态数据表加载远程模式无效
桌子
<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>
感谢前进!
更新:
我的丑陋解决方案是
小提琴将行扩展到底部(按预期方式运行localhost,但在小提琴上看起来不正常)
更新2
当我设置'container'时:'body'popover落后于modal!知道如何领先吗?
这是模态的解决方案
这将对Modal用户有所帮助
$('[data-toggle="popover"]').popover({
'trigger': 'hover',
'placement': 'left',
'container': '.modal-body'
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句