web-dev-qa-db-fra.com

Modifier le nombre de lignes par défaut de jquery datatables affiché

Par défaut, datatables a 4 tailles d'enregistrements à afficher: 10,25,50,100.

A) Y a-t-il un moyen de changer cela? J'ai essayé d'éditer le fichier jQuery pour changer le tableau en [30,60,90,120] lui-même et cela l'a détruit.

B) Existe-t-il un moyen de définir la taille de sélection par défaut, par exemple 50 (au lieu de 10) lors de l’initialisation de ce sélecteur lors de la génération par jquery?

Je ne trouve aucun de ces éléments dans la documentation.

jquerynumbersdatatablesrows
28
DeltaTango

[Mise à jour parce que cette réponse semble avoir quelques vues] -

Réponse mise à jour:

Dans les versions ultérieures (1.10+, je crois), les conventions de dénomination des API ont été modifiées, abandonnant la notation hongroise. Je crois que les anciennes conventions ont un alias de compatibilité, mais les conventions actuelles sont les suivantes:

lengthMenu
pageLength

Ainsi, les réponses mises à jour sont:

A) c'est le paramètre lengthMenu: https://datatables.net/reference/option/lengthMenu

Par exemple, voici comment j’ai l’un des miens:

"lengthMenu": [[10, 25, 50, 100, 200, -1], [10, 25, 50, 100, 200, "All"]],

B) pageLength https://datatables.net/reference/option/pageLength - éventuellement, définissez cette option sur la valeur par défaut.

"pageLength" : 25,

Réponse originale

A) C'est le paramètre aLengthMenu: http://datatables.net/ref#aLengthMenu

Par exemple, voici comment j’ai l’un des miens:

"aLengthMenu": [[10, 25, 50, 100, 200, -1], [10, 25, 50, 100, 200, "All"]],

B) iDisplayLength - définissez ce paramètre sur votre valeur par défaut

66
Greg Pettit

  • DataTables 1.10+

    Utilisez lengthMenu pour définir une liste des longueurs de page disponibles et éventuellementpageLength 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.

1
Gyrocode.com