Popover works only on first row
Popover works only on first row

I try to put a popover and it only works on first row.
Where did i made a mistake? thanks
Here are my codes :
$(document).ready(function() {
$("#popoverEsercenti").popover({
html: true,
trigger: 'hover',
placement: 'bottom',
container: 'body',
content: function() {
return $('#Table_essercenti').html();
},
});
$('#circuiti_table').dataTable({
drawCallback: function() {
$('[data-toggle="popover"]').popover();
},
while ($row = $result - > fetch_object()) {
echo "<tr>";
echo ' <td id = "popoverEsercenti"
data - toggle = "popover" >
<img src = "images/edit_icon.png" onclick = "JavaScript:newPopup(\'circuiti_edit.php?id='.$row->id.'\')" / ></td>';
It is on a set of arrays
Thanks,
Edited by Allan - Syntax highlighting. Details on how to highlight code using markdown can be found in this guide.
This question has an accepted answers - jump to answer
This discussion has been closed.
Answers
I don't immediately see anything wrong there. Can you link to a test page showing the issue, per the forum rules, please.
Allan
hi allan , i created the popover separately and surprisingly datatables adapts the code. thanks for the help by the way