So ändern Sie die Ergebnisse pro Seite in Datentabellen

Question

Datatables bietet eine Option zum Auswählen der Anzahl der pro Seite angezeigten Datensätze. Der Standardwert beginnt bei 10, 25, 50 und 100. Wie kann ich den Wert von 5 auf 10 ändern? 10 Datensätze ist ein bisschen zu viel und braucht viel Platz in meinem aktuellen Design. Danke!

http://datatables.net/

Answer 1

Sie wollen den iDisplayLength Parameter verwenden, wenn Sie das Datatable-Objekt zu initialisieren. Hier ist das Beispiel, das sie in ihrer Dokumentation Liste:

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

Weitere Informationen finden Sie hier: http://www.datatables.net/usage/options

Answer 2

Mir ist klar, dass diese Frage ist alt, aber die akzeptierte Antwort beantwortet nicht die Frage des OP.

Die Antwort ist, die Option aLengthMenu beim Initialisieren der DataTable zu überschreiben. Siehe hier: http://datatables.net/examples/advanced_init/length_menu.html

Answer 3

Die vollständig richtige Antwort sowohl und Anzeigelänge bis 5 zu verwenden sei:

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

Wenn Sie nur verwenden „iDisplayLength“, dann wird der Drop-Down nicht, dass die Länge in Optionen später oder wenn die Seite geladen wird (stattdessen sehen Sie die erste Option, standardmäßig IE 10). Wenn Sie nur "aLengthMenu" verwenden, werden Ihre Ergebnisse immer noch auf 10 statt der ersten Menüoption eingestellt.

Answer 4

Die Antwort mein Problem gelöst benötigen, um das folgende Szenario

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

Answer 5

Es kaum für die Datentabellen 1.9
"iDisplayLength": 50

Answer 6

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

});