Я должен добавить всплывающую подсказку к строке таблицы данных
//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
$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);
}
но это не работает, потому что добавляет всплывающую подсказку браузера и только в более старую строку. У вас есть совет?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


При добавлении новой строки вы можете получить вновь созданный узел с помощью метода API node().
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();