Javascript 向datatables的特定列添加工具提示
我在html中将表定义为Javascript 向datatables的特定列添加工具提示,javascript,jquery,css,datatables,tooltip,Javascript,Jquery,Css,Datatables,Tooltip,我在html中将表定义为 我正在动态更新表,如下所示: $('#tableDynamic').DataTable( { columns: [ { title: data[0] }, { title: data[1] }, { title: data[2] }, ], "columnDefs": [ { "render": fun
我正在动态更新表,如下所示:
$('#tableDynamic').DataTable( {
columns: [
{ title: data[0] },
{ title: data[1] },
{ title: data[2] },
],
"columnDefs": [
{
"render": function (data, type, row){
return '<a>' + row[0] +'</a>';
},
"targets": 0
},
]
} );
}
$('#tableDynamic')。数据表({
栏目:[
{标题:数据[0]},
{标题:数据[1]},
{标题:数据[2]},
],
“columnDefs”:[
{
“渲染”:函数(数据、类型、行){
返回“”+行[0]+“”;
},
“目标”:0
},
]
} );
}
如何将工具提示仅添加到特定列
数据[2]
您也可以这样做(在数据表初始化完成后调用任何其他javascript):
我问了一个类似的问题。查看YouneL答案了解更多详细信息,并提供一个回拨的示例。这一个同样有效。
$(“#tableDynamic>thead>tr>th:nth child(3)”).tooltip({title:“tooltipText”})代码>也可以使用jQuery将其作为目标。
$('#tableID').DataTable({
[...]
fnDrawCallback: function(oSettings, json) {
//Call JS here
alert( 'DataTables has finished its initialisation.' );
tooltip('.selector', 'theme');
}
});