popover on hover no funciona en la segunda página de la tabla de datos
Agregué contenido de una columna dinámicamente ...
for (var i = 0; i < data.length; i++) {
data.referred_by='<a href="#" data-toggle="popover" class="" title="'+temp[i].referred_by+'"data-trigger="hover" data-content="Total Referrals :'+temp[i].as_count+'">'+temp[i].referred_by+'</a>'
}
y el siguiente código es para crear una tabla de datos
$('#datatable4').dataTable({
'paging': true, // Table pagination
'ordering': true, // Column ordering
'info': true, // Bottom left status text
"aaData" : data,
aoColumns: [
{ mData: 'index' },
{ mData: 'patient_name' },
{ mData: 'age' },
{ mData: 'gender' },
{ mData: 'mobile_no' },
{ mData: 'email_id' },
{ mData: 'request_status' },
{ mData: 'referred_by' },
{ mData: 'ref_to_img'},
{ mData: 'ref_by_img'}
]
y en la función listo agregué
$('[data-toggle="popover"]').popover();
pero en datatable solo en la primera página, el popover al pasar el mouse está funcionando ... y en la segunda página en adelante no funciona ... ¿hay alguna solución para esto?