62

デフォルトでは、jquery datatable はデフォルトで 10 を示し、

オプション : 10,25,50,100

これらのオプションを変更するにはどうすればよいですか?

4

9 に答える 9

141

iDisplayLength も忘れずに変更してください。

$(document).ready(function() {
    $('#tbl_id').dataTable({
        "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]],
        "iDisplayLength": 25
    });
} );
于 2013-04-18T15:17:02.107 に答える
45 
$(document).ready(function() {
    $('#example').dataTable( {
    "aLengthMenu": [[25, 50, 75, -1], [25, 50, 75, "All"]],
    "pageLength": 25
    } );
} );

aLengthMenu : このパラメーターを使用すると、ページネーションが有効になっているときに DataTables が表示する長さドロップダウン メニューのエントリを簡単に指定できます。表示されるオプションと値の両方に使用されるオプションの 1D 配列、または最初の位置の配列を値として使用し、2 番目の位置の配列を表示オプションとして使用する 2D 配列のいずれかです。 (「All」などの言語文字列に役立ちます)。

アップデート

pageLengthDataTables v1.10以降、探しているオプションはlengthMenu

于 2012-05-17T06:37:28.090 に答える
9

私の場合、aLengthMenuが機能していません。だから私はこれを使いました。そして、それは働いています。

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

        });

ありがとうございました

于 2014-12-03T07:07:22.980 に答える
5 
 $('#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,
                });
于 2014-07-17T11:55:27.410 に答える
2

いくつかのボタンをクリックすると、datatables を displaylength に変更すると、これを試すことができます：</p> 

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

oTable = $('#example').dataTable();
于 2016-12-14T02:23:18.690 に答える