J’ai ma page html qui contient un tableau. J’utilise le plugin dataTable pour la pagination. 1
1 https://datatables.net/examples/basic_init/alt_pagination.html
Mon HTML comme suit.
table, th,td{ border: 1px solid black; text-align:center; } #clients_data { margin-bottom:100px; } Clients Clients Clients Number of Sites Reset the Processing
Machines Number Machine Name
$(document).ready(function() { loadCustomers(); loadMachines(); }); function loadCustomers() { $ .ajax({ type : 'GET', url : 'http://localhost:8080/cache/getCustomers', dataType : 'json', success : function(data) { var rows = []; $ .each( data, function(id, value) { rows .push(' ' + id + ' ' + value + ' '); }); $('#clients_data').append(rows.join('')); $('#clients_data').DataTable({ "pagingType" : "full_numbers" }); } }); }; .......
cela charge les données, mais la pagination ne fonctionne pas. signifie que lorsque je règle 10 entrées par page, toutes les entrées sont affichées. J’ai joint la capture d’écran. Suis-je absent de tout autre plugin? Mais dans le tutoriel mentionné, il est indiqué que je dois utiliser l’ atsortingbut “pagingType”: “full_numbers” uniquement ..
La pagination fonctionne parfaitement comme prévu. Le problème est que vous avez mal inséré une section
pour chaque ligne. Et comme vous ne pouvez avoir qu’un seul
par DataTable, la pagination montrée sera basée sur la toute première ligne du jeu de données, affichant ainsi toujours une page au total.
Vous pouvez faire ceci à la place:
rows .push(' ' + id + ' ' + value + ' '); });
et
$('#clients_data').append(''+rows.join('')+'');
mais vous devriez vraiment envisager d’utiliser des columns
place.