it-swarm.com.de

Ändern Sie die Werte der Auswahlbox "10 Einträge anzeigen" der Jquery-Datentabelle

Standardmäßig zeigt Jquery Datable 10 und hat 10 

optionen: 10,25,50,100  

Wie kann ich diese Optionen ändern?

52
rjmcb

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
    });
} );
126
davesave
$(document).ready(function() {
    $('#example').dataTable( {
    "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]],
    "pageLength": 25
    } );
} );

aLengthMenu: Mit diesem Parameter können Sie einfach die Einträge im Längen-Dropdown-Menü angeben, die DataTables anzeigt, wenn die Paginierung aktiviert ist. Es kann sich dabei entweder um ein 1D-Array von Optionen handeln, das für die angezeigte Option und den Wert verwendet wird, oder um 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 Sprachstrings wie 'All').

Update

Seit DataTables v1.10 sind die Optionen, nach denen Sie suchen, pageLength und lengthMenu.

39
Priyank Patel

In meinem Fall funktioniert aLengthMenu 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

        });

Vielen Dank

7
Mira Padalia

Gemäß datatables.net ist dies der richtige Weg, um die lengthMenu-Eigenschaft mit einem Array von Werten hinzuzufügen. 

$(document).ready(function() {
    $('#example').dataTable( {
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
    } );
} );
6
MZaragoza
 $('#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,
                });
4
user3789888

wenn Sie auf eine Schaltfläche klicken, change ändern Sie die Datenlänge der Anzeige , Sie können dies versuchen:

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

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

Wenn Sie 'lengthMenu' zusammen mit Schaltflächen verwenden möchten (Kopieren, Exportieren), müssen Sie diese Option verwenden: 'lBfrtip' . Hier https://datatables.net/reference/option/dom Sie können die Bedeutung jedes Symbols finden. Wenn Sie beispielsweise 'Bfrtip' verwenden, wird lengthMenu nicht angezeigt. 

1
Kirill A

 enter image description here Seitenlänge: 50, 

für mich gearbeitet Danke

Versionen als Referenz

jquery-3.3.1.js

/1.10.19/js/jquery.dataTables.min.js

/buttons/1.5.2/js/dataTables.buttons.min.js

0
subramanya4

sie können dies leicht erreichen, ohne Js zu schreiben. Fügen Sie einfach ein Attribut mit dem Namen data-page-length = {Geben Sie hier Ihre Nummer ein} hinzu. siehe Beispiel unten, ich habe zum Beispiel 100 verwendet

<table id="datatable-keytable" data-page-length='100' class="p-table table table-bordered" width="100%">
0