web-dev-qa-db-fra.com

taille de la pagination jQuery DataTables

j'utilise le plugin jQuery DataTables ( http://datatables.net ) depuis un certain temps et nous sommes généralement très bien en utilisant les tailles par défaut et l'option "bStateSave": true.

Mais maintenant, j’ai vraiment besoin de définir la taille de la pagination non pas comme [10,25,50,100] mais plutôt comme ceci [disons [1,2,3]. Je reçois le menu pour définir comme ceci en définissant l'option aLengthMenu:[1,2,3] et si je sélectionne l'une des options, il définit le montant de la sélection correcte.

Mais sur dataTable STARTUP, il ne définit pas la longueur sur 1,2,3, mais plutôt sur la valeur par défaut '10'

Quelle option me manque? Merci d'avance!

jquerypaginationdatatables
37
Sam

  • DataTables 1.10+

    Utilisez lengthMenu pour définir une liste des longueurs de page disponibles et facultatifpageLength pour définir la longueur de page initiale. 

    Si pageLength n'est pas spécifié, il sera automatiquement défini sur la première valeur donnée dans le tableau spécifié par lengthMenu .

    var table = $('#example').DataTable({
   "lengthMenu": [ [2, 4, 8, -1], [2, 4, 8, "All"] ],
   "pageLength": 4
});

    Voir this jsFiddle pour le code et la démonstration.

  • DataTables 1.9

    Utilisez aLengthMenu pour définir une liste des longueurs de page disponibles et iDisplayLength pour définir la longueur de page initiale. 

    var table = $('#example').dataTable({
   "aLengthMenu": [ [2, 4, 8, -1], [2, 4, 8, "All"] ],
   "iDisplayLength": 4,        
});

    Voir this jsFiddle pour le code et la démonstration.

30
Gyrocode.com

effacez vos cookies, les données que vous avez enregistrées lorsque vous utilisiez bStateSave et que vous aviez 10,25,50,100

puis actualiser et il devrait maintenant enregistrer 1 ou 2 ou 3

tu veux dire

"aLengthMenu": [[5, 10, 15, 25, 50, 100 , -1], [5, 10, 15, 25, 50, 100, "All"]],
"iDisplayLength" : 10,
63
max4ever

Assurez-vous d'attendre que les choses angulaires se chargent.

$timeout(function(){ // given timeout for wait load the page
   $('#dataTables-example').dataTable({
        "iDisplayLength": 10, 
   });
}, 100, false);
0
user3444748