'How to run popover for elements inside dataTables?

I try to run bootstrap popover for some elements inside table that I run datatable on it.I use this code but dont worked.

JS:

$('#dynamic-table1').dataTable({
    "aaSorting": [
        [3, "desc"]
    ],
    "fnDrawCallback": function (oSettings) {
        $('[data-toggle="popover"]').popover();
    }
});

html:

<a data-toggle="popover" title="توضیحات کاربر ارشد" data-content="Description" data-trigger="focus">

How solve this?

jquerytwitter-bootstrapdatatablespopover


Solution 1:[1]

you can use same but different syntax in bootstrap 5.

<button type="button" class="btn btn-lg btn-danger" 
    data-bs-toggle="popover" data-bs-trigger="hover focus"
    data-bs-content="And here's some amazing content. It's very engaging. Right?">
    Click to toggle popover
 </button>

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Alp Altunel

Related Questions