web-dev-qa-db-ja.com

表示されるjquery datatablesのデフォルトの行数を変更します

デフォルトでは、データテーブルには4つのサイズのレコードが表示されます:10,25,50,100。

A)これを変更する方法はありますか? jqueryファイルを編集して配列を[30,60,90,120]自体に変更してみましたが、これにより破壊されました。

B)jqueryがそれを構築するときに初期化するときに、デフォルトの選択サイズをこのセレクタの50(10ではなく)に設定する方法はありますか?

ドキュメントにこれらの項目のいずれも見つかりません。

28
DeltaTango

[この回答がいくつかの見解を得るようだから更新]-

更新された回答:

それ以降のバージョン(1.10以降と思われます)では、APIの命名規則が変更され、ハンガリー語表記が廃止されました。古い規則は互換性のためにエイリアスされていると思いますが、現在の規則は次のとおりです。

lengthMenu
pageLength

したがって、更新された回答は次のとおりです。

A)lengthMenuパラメーター: https://datatables.net/reference/option/lengthMen

たとえば、私のものの1つを設定する方法は次のとおりです。

"lengthMenu": [[10, 25, 50, 100, 200, -1], [10, 25, 50, 100, 200, "All"]],

B)pageLength https://datatables.net/reference/option/pageLength -オプションでこれをデフォルトに設定します。

"pageLength" : 25,

元の回答

A)aLengthMenuパラメーター: http://datatables.net/ref#aLengthMen

たとえば、私のものの1つを設定する方法は次のとおりです。

"aLengthMenu": [[10, 25, 50, 100, 200, -1], [10, 25, 50, 100, 200, "All"]],

B)iDisplayLength-このパラメーターをデフォルトに設定します

66
Greg Pettit
  • DataTables 1.10 +

    lengthMenu を使用して使用可能なページ長のリストを定義し、オプションでpageLength 初期ページ長を設定します。

    pageLength が指定されていない場合、 lengthMenu で指定された配列で指定された最初の値に自動的に設定されます。

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

    コードとデモンストレーションについては this jsFiddle をご覧ください。


  • DataTables 1.9

    aLengthMenu を使用して使用可能なページ長のリストを定義し、 iDisplayLength を使用して初期ページ長を設定します。

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

    コードとデモンストレーションについては this jsFiddle をご覧ください。

1
Gyrocode.com

Datatable Version:1.9.4これが私に役立つのは、次のとおりです。-最初に、ほとんどjsフォルダーに置かれているJquery.dataTablesファイルを検索しました。次に、「aLengthMenu」:[10、25、50、100]を検索し、要件に応じて変更しました(例:「aLengthMenu」:[50、75、100、125])。その後、「iDisplayLength」を検索し、その値が10(4〜5桁)として表示されている場所で、50に変更して保存しました。インデックスページのドロップダウンで、行オプションが10,25,50,100の代わりに50,75,100,125として表示され、デフォルトオプションが50に選択されました。

0