Pourquoi les Tooltip de Bootstrap ne s'affichent pas avec DataTable ?

Réponses rédigées par Antoine
Dernière mise à jour : 2020-12-28 00:14:09
Thèmes : bootstrap - tooltip - datatable
Question

Bonjour, j'utilise Bootstrap et DataTable, et lorsque je passe aux pages suivantes du tableau de DataTable, les tooltip de Bootstrap ne s'affichent plus ; auriez-vous une solution ?

Réponse

Vous devez de nouveau initialiser l'affichage des Tooltip de Bootstrap lorsque vous chargez un nouveau contenu DOM. Dans le cas de l'utilisation de DataTable vous pourriez utiliser l'évènement mouseover :

$('#tableau tbody').on('mouseover', 'tr', function () {
    $('[data-toggle="tooltip"]').tooltip({
        trigger: 'hover',
        html: false
    });
});