web-dev-qa-db-ja.com

データテーブルのページ値ごとの結果を変更する方法

Datatablesには、ページごとに表示されるレコードの数を選択するオプションがあります。デフォルト値は10、25、50、および100から始まります。10ではなく5から始まるように変更するにはどうすればよいですか？ 10個のレコードは少なすぎて、現在の設計では多くのスペースを必要とします。ありがとう！

http://datatables.net/

javascriptdatatable
34
detj

DataTableオブジェクトを初期化するときに、iDisplayLengthパラメーターを使用します。ドキュメントにリストされている例は次のとおりです。

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

詳細については、こちらをご覧ください。 http://www.datatables.net/usage/options

67
seneyr

完全に正しい答えは、両方を使用し、長さを5に表示することです。

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

JUST "iDisplayLength"を使用する場合、オプションの後でまたはページがロードされるときにドロップダウンの長さがなくなります（代わりに、最初のオプションIE 10がデフォルトで表示されます）。 「aLengthMenu」を使用するだけで、最初のメニューオプションではなく、結果がデフォルトの10のままになります。

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

});
7
Asmita Savaliya

答えは、次のシナリオを必要とする私の問題を解決しました

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

私はこの質問が古いことを理解していますが、受け入れられた答えはOPの質問に答えません。

答えは、dataTableを初期化するときにaLengthMenuオプションをオーバーライドすることです。こちらをご覧ください： http://datatables.net/examples/advanced_init/length_menu.html

2
Greg M.

以下を追加するだけです：

"lengthMenu": [ 
 [10, 25, 50, -1], 
 [10, 25, 50, "All"] 
] // remember to add  "," if you initialize more option manually

または、このオプションのみを追加する場合

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

ページ区切りのページあたりのレコード数を選択するドロップダウンが表示されます。

0
André van Rensburg

データテーブル1.9ではほとんどありません
"iDisplayLength"：50

0
Gulfam Khan