Datatables and bootstrap tooltips
As mentioned in the comments, you can use the selector
option:
$('body').tooltip({selector: '[data-toggle="tooltip"]'});
This works for popovers too.
You need to use drawCallback
to initialize tooltips every time DataTables redraws the table.
var table = $('#example').DataTable( {
"drawCallback": function( settings ) {
$('[data-toggle="tooltip1"]').tooltip();
$('[data-toggle="tooltip2"]').tooltip();
// add as many tooltips you want
},
});
only this worked for me
drawCallback: function () {
$('body').tooltip({ selector: '[data-tooltip="tooltip"]' });
},