Comment modifier les résultats par valeur de page dans les données

Question

Les données ont une option pour sélectionner le nombre d'enregistrements affichés par page. La valeur par défaut commence à partir de 10, 25, 50 et 100. Comment puis-je le changer pour commencer à partir de 5 au lieu de 10? 10 enregistrements est un peu trop et prend beaucoup de place dans mon design actuel. Merci!

http://datatables.net/

Answer 1

Vous voulez utiliser le paramètre iDisplayLength lors de l'initialisation de l'objet DataTable. Voici l'exemple, ils énumèrent dans leur documentation:

$(document).ready(function() { 
    $('#example').dataTable({ 
     "iDisplayLength": 50 
    }); 
}) 

Plus d'informations peuvent être trouvées ici: http://www.datatables.net/usage/options

Answer 2

Je me rends compte que cette question est ancienne, mais la réponse acceptée ne répond pas à la question de l'OP.

La réponse est de remplacer l'option aLengthMenu lors de l'initialisation de dataTable. Voir ici: http://datatables.net/examples/advanced_init/length_menu.html

Answer 3

La répondrais tout à fait correcte d'utiliser à la fois et la longueur d'affichage à 5:

$(document).ready(function(){ 
    $('#table').dataTable({ 
    "iDisplayLength": 5, 
    "aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]] 
    }); 
}); 

Si vous utilisez JUSTE « iDisplayLength », puis dans le menu déroulant n'aura pas cette longueur dans les options plus tard ou lorsque la page se charge (à la place, vous verrez la première option, IE 10 par défaut). Si vous utilisez simplement "aLengthMenu", vos résultats seront toujours par défaut à 10 au lieu de la première option de menu.

Answer 4

La réponse a résolu mon problème d'avoir besoin le scénario suivant

$(document).ready(function(){ 
 
    $('#table').dataTable({ 
 
    "aLengthMenu": [[10, 25, 50, 100], ["10 Per Page", "25 Per Page", "50 Per Page", "100 Per Page"]] 
 
    }); 
 
});

Answer 5

Il peine pour les tableaux de données 1.9
"iDisplayLength": 50

Answer 6

$.extend(true, $.fn.dataTable.defaults, { 
    "lengthMenu": [[5, 10, 15, 20, 25], [5, 10, 15, 20, 25]], 
    "pageLength": 5 

});