wake-up-neo.net

jQuery DataTables Paginierungsgröße

ich habe jQuery DataTables-Plugin ( http://datatables.net ) seit geraumer Zeit verwendet. Normalerweise verwenden wir die Standardgrößen und die "bStateSave": true-Option.

Aber jetzt muss ich die Größe der Paginierung wirklich nicht auf [10,25,50,100] setzen, sondern ich brauche das, wie wir sagen [1,2,3]. Ich erhalte das Menü, indem Sie die Option aLengthMenu:[1,2,3] so einstellen, und wenn ich eine der Optionen auswähle, wird der korrekte Auswahlbetrag festgelegt.

Bei dataTable STARTUP wird die Länge jedoch nicht auf 1,2,3 festgelegt, sondern auf die Standardeinstellung '10'.

Welche Option fehlt mir? Vielen Dank im Voraus!

37
Sam
  • DataTables 1.10+

    Verwenden Sie lengthMenu , um eine Liste der verfügbaren Seitenlängen zu definieren, und optionalpageLength , um die erste Seitenlänge festzulegen. 

    Wenn pageLength nicht angegeben ist, wird es automatisch auf den ersten Wert in dem durch lengthMenu angegebenen Array gesetzt.

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

    Siehe this jsFiddle für Code und Demonstration.


  • DataTables 1.9

    Verwenden Sie aLengthMenu , um eine Liste der verfügbaren Seitenlängen zu definieren, und iDisplayLength , um die erste Seitenlänge festzulegen. 

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

    Siehe this jsFiddle für Code und Demonstration.

30
Gyrocode.com

löschen Sie Ihre Cookies, die Daten, die gespeichert wurden, wenn Sie bStateSave verwendet haben und 10,25,50,100 verwendet wurden

dann aktualisieren und es sollte jetzt 1 oder 2 oder 3 speichern

meinst du

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

Stellen Sie sicher, dass Sie warten, bis die Winkel geladen sind.

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