DataTable：[エントリの表示]ドロップダウンを非表示にするが、検索ボックスは保持する

129

[エントリの表示]ドロップダウンを非表示にして、検索ボックスをDataTableに保持することはできますか？検索ボックスと一緒に下部にページ番号を付けて常に10行を表示したいが、[エントリの表示]ドロップダウンを表示したくない。

datatable dt

288

詳細については、次のリンクを参照してください：http : //datatables.net/examples/basic_init/filter_only.html

$(document).ready(function() {
$('#example').dataTable({
    "bPaginate": false,
    "bLengthChange": false,
    "bFilter": true,
    "bInfo": false,
    "bAutoWidth": false });
});

お役に立てば幸いです。

編集：あなたが怠惰な場合、「bLengthChange」：false、変更する必要があるものです:)

— PERPO
ソース

56

Datatable> 1.1.0を使用している場合、lengthChangeオプションは以下のように必要です。

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

— ジミーおぼにょアボル
ソース

28

"searching": false,   // Search Box will Be Disabled

"ordering": false,    // Ordering (Sorting on Each Column)will Be Disabled

"info": true,         // Will show "1 to n of n entries" Text at bottom

"lengthChange": false // Will Disabled Record number per page

— ニヴ
ソース

19

これはこの投稿への重要な回答であり"bLengthChange": false,、エントリのドロップダウンを非表示にします

9

DataTables <= 1.9の場合、@ perpoの回答

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

正常に動作しますが、1.10以降ではこれを試してください：

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

l「長さ変更入力制御」を省略したところ

1.9ドキュメント

1.10ドキュメント

— ミハル・フライスタッキー
ソース

これはdiv holdint要素を削除するのでより良いです。bLenghChange要素はなくなりましたが、空白があります。ありがとう！

— Hamid Salari

9

そのように解決します。ブートストラップ4を使用する

    $(document).ready(function () {
        $('#table').DataTable({
            "searching": false,
            "paging": false,
            "info": false
        });
    });

cdn js：

cdn css：

— シェード3002
ソース

1

これは2018年のデータテーブルで機能し、他の機能では機能しませんでした。

— Dammeul、

8

sDom： "Tfrtip"またはコールバック経由：

"fnHeaderCallback": function(){
    $('#YOURTABLENAME-table_length').hide();
}

— cnizzardini
ソース

3

「エントリの表示」ラベルを無効にするには、コードdom： 'Bfrtip'を追加するか、「bInfo」：falseを追加できます。

$('#example').DataTable({
    dom: 'Bfrtip'
})

— キトランジャンスリバストヴァ
ソース

2

これも試すことができます。

単に使用することでCSSからそれを隠す、

 .dataTables_length {
        display: none;
    }

どちらも機能します。

— ルペシュ・カンブル
ソース

2

書くだけ：

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

— ハサンシェイク
ソース

1

「エントリの表示」を非表示にするが、まだページ付けがある。以下のコードを使用しましたが、うまくいきました。

"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
"bAutoWidth": false

— ejay56
ソース

1

このオプションを追加します。

"bInfo": false

— サイバー8200
ソース

0

「エントリの表示」ラベルを無効にするには、「bInfo」を使用します。例：「bFilter」は検索コンポーネントですが、デフォルトではアクティブです。

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

テーブル情報の表示を有効または無効にします。これは、ページに現在表示されているデータに関する情報を示します。そのアクションが実行されている場合のフィルターされたデータに関する情報も含まれます。

— steffanjj
ソース