web-dev-qa-db-ja.com

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

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

datatabledt
106
FaisalKhan

このリンクで詳細を直接見つけることができます： http://datatables.net/examples/basic_init/filter_only.html

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

それが役立つことを願っています！

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

242
PERPO

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

$('#example').dataTable( {
  "lengthChange": false
});
42
Jimmy Obonyo Abor

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

16
user4287698
"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
14
Niv

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

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

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

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

正常に動作しますが、1.10以上の場合はこれを試してください：

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

lの「長さ変更入力コントロール」を省略しました

1.9ドキュメント

1.10ドキュメント

6
Michal Frystacky

そのように解決します。 bootstrap 4を使用します

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

cdn js：

cdn css：

4
shades3002

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

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

「エントリーの表示」を非表示にしますが、ページネーションを保持します。以下のコードを使用しましたが、うまくいきました。

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

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

次を使用してCSSから単純に非表示にします。

 .dataTables_length {
        display: none;
    }

両方とも機能します。

1
Rupesh Kamble

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

"bInfo": false
1
kyo

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

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

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

0
steffanjj

書くだけ ：

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