mettre en place plusieurs datatables?

Question

J'ai la jquery suivante pour configurer mon dataTable mais le problème que je rencontre est que lorsque deux datatables avec le même id de table existent sur la même page, il semble ne pas charger correctement après le chargement du premier. J'utilise une boucle pour montrer plusieurs tables, c'est pourquoi j'en ai plusieurs sur le même écran. Y a-t-il un moyen de faire ce travail? Peut-être en quelque sorte ajouter un ++ 1 à chaque nom comme il boucle? aurais-je simplement boucler le JQ à travers le code php en faisant le +1?

<script defer> 
    $(window).load(function() { 
     $('#backup-list').dataTable({ 
     "aaSorting": [[ 4, "desc" ]] 
     }); 
     $(window).resize(); 
    }); 

</script> 

Answer 1

En HTML, un id ne peut être utilisé qu'une seule fois par page. Ils doivent être uniques.

Essayez de donner vos tables différentes ID:

$("#table1, #table2").dataTable(...); 

Ou vous pouvez donner à vos tables une classe, qui peut être utilisé à plusieurs reprises sur une seule page:

$(".your-tables").dataTable(...);