web-dev-qa-db-ja.com

データテーブルのページネーションを削除する方法

私はjQueryの初心者です。グリッドでDatatablesを使用しましたが、ページネーションは必要ありません。

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

enter image description here

私はそれをカスタマイズしようとしましたが、私はそれを行うための非常に少数の方法を見つけました。

前もって感謝します。

jqueryhtmlpaginationdatatables
72
Toseef Khilji

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

133
nstCactus

ページネーションを無効にする

DataTablesの場合1.9

bPaginate オプションを使用して、ページネーションを無効にします。

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

DataTablesの場合1.10 +

paging オプションを使用して、ページネーションを無効にします。

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

コードとデモについては this jsFiddle をご覧ください。

ページネーション管理を削除し、ページネーションを有効にする

DataTablesの場合1.9

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

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

DataTablesの場合1.10 +

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

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

コードとデモについては this jsFiddle をご覧ください。

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

私はそれを使用して問題を解決しました、それがあなたのために働くことを願っています..

20
Toseef Khilji

動いている

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

$('#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
})
19
Muhammad Fahad
$('#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      
})

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

5
Abhishek B Patel

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

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