Datatables 表标题中的 Bootstrap 工具提示闪烁

Question

所以我在让引导工具提示在数据表对象内工作时遇到了一些麻烦，特别是标题。我相信正在发生的是表头的 onhover 事件正在触发并干扰引导程序悬停事件。现在我尝试使用高 Z-Index 但这似乎没有帮助。看起来创建实际工具提示的地方只有几个像素，但它经常被创建然后消失在同一位置

这是我正在使用的标题以及任何相关的 CSS 和 Javascript 代码

{title:"Status <div id=statusHelp class='statusHelp' > </div>" data:obj}

.statusHelp {
background-image: '../img/Circle_ques_icon.svg';
height: 15px;
width: 15px;
z-index: 10000;

}

<span>Status <div id="statusHelp" class="statusHelp" data-original-title="" title=""> </div></span>

Answer 1

只是添加container: 'body'对我没有帮助。我还必须添加boundary: 'window'.

$('[data-toggle="tooltip"]').tooltip({
        boundary: "window",
        container: "body"
    });

我将工具提示设置在 上，top当表中只有一条记录时，此更改可防止它们翻转。