2011-11-08 12 views
34

私はずっとjQuery DataTablesプラグイン(http://datatables.net)を使用していましたが、通常はデフォルトサイズを使用し、"bStateSave": trueオプションを使用してスーパーファインです。jQuery DataTablesページングサイズ

しかし、今では[10,25,50,100]と同じではなくページングのサイズを設定する必要がありますが、[1,2,3]と言うようにこれが必要です。私はオプションaLengthMenu:[1,2,3]を設定してこのように設定するメニューを取得し、オプションのいずれかを選択すると正しい選択量が設定されます。

しかし、dataTableの起動時にそれが1,2,3のではなく、むしろ「10」

私が行方不明ですオプション

デフォルトの長さを設定しないのですか? ありがとうございます!あなたがbStateSaveを使用していたとき

答えて

26
  • のDataTable 1.10+

    lengthMenuを使用して、使用可能なページの長さのリストを定義し、pageLength)を初期ページ長の設定に使用します。

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

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

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


  • 最初のページの長さを設定するために利用可能なページの長さのリストとiDisplayLengthを定義するためのDataTable 1.9

    使用aLengthMenu

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

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

+0

* 1未満のデータテーブルの場合10は受け入れられない答えをご覧ください* これは最新のバージョンであるため、今すぐ受け入れてください – Sam

62

クッキー明確には、ものののDataTableが保存され、あなたが

を意味していますその後、リフレッシュして、それが今、1または2または3

を保存する必要があります10,25,50,100

を持っていました

"aLengthMenu": [[5, 10, 15, 25, 50, 100 , -1], [5, 10, 15, 25, 50, 100, "All"]], 
"iDisplayLength" : 10, 
+0

おかげで先行、aLengthMenu今日は何の効果も持っていなかっただけ変更(その時点でbStateSaveを使用していない)ので、私は明日iDisplayLengthにしようとします。私はあなたに知らせて、投票/受け入れ、あなたに前もって感謝します! – Sam

+6

よかった、ありがとう。 'iDisplayLength'は、表示する最初のデータ量を設定するためのオプションです。どうもありがとう! – Sam

+0

クッキーをクリア---どのように? – AKS

0

角度のある物が読み込まれるまで待ってください。

$timeout(function(){ // given timeout for wait load the page 
    $('#dataTables-example').dataTable({ 
     "iDisplayLength": 10, 
    }); 
}, 100, false);