ändern Werte der Auswahlbox von „zeigen 10 Einträge“ von jquery Datentabelle

Question

standardmäßig jquery Datentabelle zeigt standardmäßig 10 und hat

Optionen: 10,25,50,100

Wie kann ich diese ändern Optionen?

Answer 1

Vergessen Sie nicht, auch die iDisplayLength zu ändern:

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

Answer 2

$(document).ready(function() { 
    $('#example').dataTable({ 
    "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]], 
    "pageLength": 25 
    }); 
}); 

aLengthMenu: Dieser Parameter ermöglicht es Ihnen leicht, um die Einträge in der Länge angeben Drop-Down-Menü, das Tables zeigt, wenn Paginierung aktiviert ist. Es kann entweder ein 1D-Array von Optionen sein, das für die angezeigte Option und den Wert verwendet wird, oder ein 2D-Array, das das Array an der ersten Position als Wert und das Array an der zweiten Position als angezeigte Optionen verwendet (nützlich für Sprachzeichenfolgen wie "Alle").

aktualisieren

Seit Tables v1.10, die Optionen, die Sie suchen sind pageLength und lengthMenu

Answer 3

$('#tblSub1View').dataTable({ 
        "bJQueryUI": true, 
        "sPaginationType": "full_numbers", 
        "bDestroy": true, 
        "aoColumnDefs": [{ 
         'bSortable': false, 
         'aTargets': [0, 1] 
        }], 
        "aLengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]], 
        "iDisplayLength": 10, 
       }); 

Answer 4

In meinem Fall aLengthMenu funktioniert nicht. Also habe ich das benutzt. Und es funktioniert.

jQuery('#dyntable3').dataTable({    
      oLanguage: {sLengthMenu: "<select>"+ 
      "<option value='100'>100</option>"+ 
      "<option value='200'>200</option>"+ 
      "<option value='300'>300</option>"+ 
      "<option value='-1'>All</option>"+ 
      "</select>"}, 
      "iDisplayLength": 100 

     }); 

Danke

Answer 5

datatables.net Nach dem richtigen Weg, dieser ist das Hinzufügen der lengthMenu Eigenschaft mit einem Array von Werten zu tun.

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

Answer 6

, wenn Sie einige Schaltfläche klicken, dann werden die Datentabellen der displaylenght ändern, können Sie dies versuchen:

$('.something').click(function() { 
var oSettings = oTable.fnSettings(); 
oSettings._iDisplayLength = 50; 
oTable.fnDraw(); 
}); 

oTable = $('#example').dataTable(); 

Answer 7

Wenn Sie zusammen Sie ‚lengthMenu‘ verwenden, mit den Tasten (Kopieren, Export), muss diese Option dom: 'lBfrtip' verwenden. Hier https://datatables.net/reference/option/dom können Sie die Bedeutung jedes Symbols finden. Wenn Sie zum Beispiel "Bftip" verwenden, wird lengthMenu nicht angezeigt.