[英]Add tooltip to datatables row after row.add()
我应该在datatables行中添加工具提示
//initialize datatable
$scope.anomaliesTable = $('#sapTable').DataTable({
//disable responsive
responsive: true,
//"bLengthChange": false,
//deferRender: true,
scrollY: '60vh',
scrollCollapse: true,
info: false,
paging : false,
//scroller: true,
select: true,
columns: [
{ data: 'can_name' },
//other columns data
],
columnDefs: [
{
"className": "dt-center", "targets": "_all"
},
],
});
该行是使用row.add
方法从Web套接字预订中添加的
$scope.anomaliesTable.row.add(data).draw(false);
在另一个表中,数据是从ajax加载的,
rowCallback: function( row, data, index ) {
row.setAttribute('data-toggle',"tooltip");
row.setAttribute('data-placement',"left");
row.setAttribute('title', 'UIID: ' + data.uuid);
}
但它不起作用,因为它添加了浏览器工具提示,并且仅在较旧的行上。 你有什么建议吗?
添加新行时,可以使用node()
API方法获取新创建的节点。
var row = $scope.anomaliesTable.row.add(data).draw(false).node();
您可以使用rowCallback
添加必要的data-
属性,也可以在添加新行后添加它们,例如:
$(row).attr({
'data-toggle': 'tooltip',
'data-placement': 'left',
'title': 'UIID: ' + data.uuid
});
然后,您可以初始化工具提示插件,例如:
$('[data-toggle="tooltip"]', row).tooltip();
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.