datatableのページネーションを削除する方法

私はjQueryを初めて使用します。グリッドでDatatablesを使用しましたが、ページ付けする必要はありません。

1ページに注文のリストがあり、データテーブルグリッドに表示しますが、下部にページ付けを表示したくありません。jQueryライブラリのビットカスタマイズを使用して、データテーブルからページネーションを削除または非表示にする方法はありますか？

私はそれをカスタマイズしようとしましたが、それを行う方法はほとんど見つかりませんでした。

前もって感謝します。

"bPaginate": false,コンストラクターパラメーターに渡す構成オブジェクトに含める必要があります。ここに見られるように：http：//datatables.net/release-datatables/examples/basic_init/filter_only.html

ページングを無効にする

DataTableのための1.9

使用bPaginateを無効に改ページにオプションを選択します。

$('#example').dataTable({
    "bPaginate": false
});

DataTables1.10以降の場合

使用pagingを無効に改ページにオプションを選択します。

$('#example').dataTable({
    "paging": false
});

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

ページネーション制御を削除し、ページネーションを有効のままにします

DataTableのための1.9

sDomオプションを使用して、ページに表示する制御要素を構成します。

$('#example').dataTable({
    "sDom": "lfrti"
});

DataTables1.10以降の場合

domオプションを使用して、ページに表示する制御要素を構成します。

$('#example').dataTable({
    "dom": "lfrti"
});

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

それは働いています

以下のコードを試してください

$('#example').dataTable({
    "bProcessing": true,
    "sAutoWidth": false,
    "bDestroy":true,
    "sPaginationType": "bootstrap", // full_numbers
    "iDisplayStart ": 10,
    "iDisplayLength": 10,
    "bPaginate": false, //hide pagination
    "bFilter": false, //hide Search bar
    "bInfo": false, // hide showing entries
})

$(document).ready(function () {
            $('#Grid_Id').dataTable({
                "bPaginate": false
            });
        });

私はそれを使って私の問題を解決しました。

$('#table_id').dataTable({    
    "bInfo": false, //Dont display info e.g. "Showing 1 to 4 of 4 entries"
    "paging": false,//Dont want paging                
    "bPaginate": false,//Dont want paging      
})

このコードを試してください

ページネーションを削除したいが、dataTableの順序付けが必要な場合は、ページの最後にこのスクリプトを追加してください。

<script>
$(document).ready(function() {        
    $('#table_id').DataTable({
        "paging":   false,
       "info":     false
    } );
      
  } );
</script>

これは、他のいくつかの回答を段階的に改善した代替案です。settings.aLengthMenuが多次元ではなく（DataTablesに行の長さとラベルがある場合）、ページの読み込み後にデータが変更されないと仮定すると（単純なDOM読み込みのDataTablesの場合）、この関数を挿入してページングを排除できます。いくつかのページング関連のクラスを非表示にします。

おそらく、以下の関数内でページングをfalseに設定する方が堅牢ですが、そのためのAPI呼び出しは見当たりません。

$('#myTable').on('init.dt', function(evt, settings) {
    if (settings && settings.aLengthMenu && settings.fnRecordsTotal && settings.fnRecordsTotal() < settings.aLengthMenu[0]) {
        // hide pagination controls, fewer records than minimum length
        $(settings.nTableWrapper).find('.dataTables_paginate, .dataTables_length, .dataTables_info').hide();
    }
}).DataTable();