Jquery Datatables：向动态加载的所有单元格添加工具提示

我使用的是应用于前四列的

FixedColumns

。列和所有单元格值都是从json动态加载的，我想应用一些功能：

1） 列标题上的工具提示。我通过添加

data html=“true”data toggle=“tooltip”title=…

2） 三列标题：现在在我的列标题中，我有三个值，如果可能的话，我希望标题有三行，但我不知道如何将

str

更改为列

3） 如果单元格值较长，则将其剪切。我已将此代码添加到HTML页面

<style>
#slTable td {
   white-space: nowrap; 
   text-overflow:ellipsis; 
   overflow: hidden; 
   max-width:1px;
}
</style>

---

您知道三行标题吗？

如果您运行此代码，它将自动激活所有工具提示。你不必担心引用特定的内容

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

---

问题是您试图初始化

中的
数据表
和
工具提示
。很可能您的
success
方法中的逻辑尚未完成，您正在尝试在完整回调中应用Datatable和工具提示。我建议您将
complete
回调中的所有逻辑封装到一个函数中，并在
$之后调用该函数（tableData.columns
loop.
bootstrap工具提示？是的，您可以在columns循环中看到代码。您可以修改虚拟数据吗？对于单元格是的，但是对于列，我必须指定容器：'body'，谢谢，现在工具提示起作用了。我必须为标题设置三行
"initComplete": function(settings){
                //TOOLTIP test cell
                $(tableName+ ' tbody td').each( function (k, cellObj){
                    this.setAttribute( 'title', cellObj.innerText );
                    this.setAttribute( 'data-toggle', "tooltip" );
                });
                $('[data-toggle="tooltip"]').tooltip({
                    container: 'body'
                }); 
                //add timeout because otherwise user could see a too fast waiting modal
                setTimeout(function(){
                    waitingModal.hidePleaseWait();
                }, 1000);       
            } 

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})