javascript - 表の下部にページ長を表示する

Question

全て、

Jqueryデータテーブルを使用しています。私は次の例を使用しています：

ページ付けのあるDataTables

「10エントリ表示」を上ではなく下に表示する方法はないかと思いました。表の下部にある「51エントリのうち1から10を表示」の直前に表示されます。

どうやってやるの？

ありがとう

Answer 1

同様の問題があり（いくつかの不要なコントロールを削除したい）、それに対処する唯一の方法は自分でテーブルを変更することのようです。fnDrawCallbackコールバック（http://datatables.net/usage/callbacks）を使用しました。

あなたの場合はこんな感じになります

$('#tableId').dataTable({
    "fnDrawCallback": function () {
        $('#tableId_info').prepend($('#tableId_length'));
    }
});

そのデモで生成されたコードを確認するだけで、非常に単純です（フォーマットやインデントがないことを除いて）。

ページ上の他のテーブルに影響を与えることを恐れない場合は、IDの代わりにクラス名を使用することもできます。それらは形式になっていますdataTables_length。

追加のスタイリングにはcssを使用します。

Answer 2

ここに例があります。このドキュメントは大いに役立ちます: https://datatables.net/release-datatables/examples/basic_init/dom.html

私のデータテーブルは次のようになります。

また、次の行を css に追加する必要がありました。

.dataTables_length {
    margin-top: 10px;
    margin-left: 20px;
}

コードは次のとおりです。

  $('.data_table').DataTable({
            "iDisplayLength": 20,
            "aLengthMenu": [[10, 20, 50, -1], [10, 20, 50, "All"]],
            "pagingType": "simple_numbers",
            "language": {
                searchPlaceholder: "Search",
                search: "",

            },
            "dom": '<"top"f>rt<"bottom"ilp><"clear">'
        });