3

ページネーション プロパティをテーブルの右上に移動しようとしています。dom プロパティを使用する必要があることを理解しています。

 $(document).ready( function () {   
    $('#myTbl').dataTable({   
        "bInfo":true,
        "bJQueryUI": true,
        "bProcessing": true,
         "bPaginate" : true,
         "aLengthMenu": [[50,100,150,200,250,300,-1], [50,100,150,200,250,300,"All"]],
        "iDisplayLength": 50,
        "sPaginationType": "full_numbers",
        "dom": '<"top"flp>rt<"bottom"i><"clear">'           

    });
});

上に flp を使用すると、これらのオプションが上に表示されると思いましたが、ページネーションはテーブルの下に表示されます。これを理解するための助けに感謝します。ありがとう。

4

3 に答える 3

3

古い API (<= 1.9.x) を使用しているため、 にハンガリー語表記を使用していることを確認する必要があります。domこれは文字列なので、 ですsDom。

$('#myTbl').dataTable({   
    "bInfo":true,
    "bJQueryUI": true,
    "bProcessing": true,
    "bPaginate" : true,
    "aLengthMenu": [[50,100,150,200,250,300,-1], [50,100,150,200,250,300,"All"]],
    "iDisplayLength": 50,
    "sPaginationType": "full_numbers",
    "sDom": '<"top"flp>rt<"bottom"i><"clear">'
});
于 2014-07-14T16:38:59.557 に答える
1

dom オプションのドキュメントには素晴らしい例があります。

L能力をf超える長さとフィルター。表の下の情報とアジネーション:<tip

$('#example').dataTable( {
  "dom": '<lf<t>ip>'
} );

トリックは、このクレイジーな dom オプションについて知っていることと、それが何lftripを意味するのかを知っていることです。

于 2021-09-08T13:40:39.393 に答える