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"]' });
},