CAUSE
Seuls les éléments de première page sont disponibles dans DOM, c'est pourquoi votre sélecteur jQuery $('.popup-ajax')
ne sélectionne pas les éléments des pages autres que first.
SOLUTION
Vous devez initialiser Magnific Popup dans le rappel défini par drawCallback
option. Cette fonction sera appelée à chaque fois que le tableau aura été redessiné.
Par exemple :
var table = $('#example').DataTable({
// ... skipped ...
drawCallback: function(){
$('.popup-ajax').magnificPopup({
type: 'ajax',
showCloseBtn: 'true',
modal: 'true'
});
}
});
LIENS
Voir jQuery DataTables :Le contrôle personnalisé ne fonctionne pas sur la deuxième page et après pour plus d'exemples et de détails.