Question

是否可以隐藏“显示条目”下拉列表但是将搜索框保留在DataTable中？我想在底部始终显示10行分页和搜索框，但不想显示“显示条目”下拉列表。

Answer 1

您可以直接在此链接上找到更多信息：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，是你需要改变的那个：）

Answer 2

如果使用Datatable＆gt; 1.1.0然后您需要lengthChange选项，如下所示：

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

Answer 3

此帖子的{strong>密钥回答"bLengthChange": false,将隐藏条目下拉列表

Answer 4

"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

Answer 5

sDom：“Tfrtip”或通过回调：

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

Answer 6

对于DataTables＆lt; = 1.9，@perpo的答案

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

工作正常，但对于1.10+试试这个：

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

我们遗漏了l＆＃34;长度变化输入控件＆＃34;

1.9 Docs

1.10 Docs

Answer 7

我这样解决。使用引导程序4

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

cdn js：

cdn css：

Answer 8

要禁用“显示条目”标签，请添加代码dom：'Bfrtip'或者您可以添加“bInfo”：false

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

Answer 9

添加此选项：

"bInfo": false

Answer 10

隐藏＆＃34;显示条目＆＃34;但仍然有分页。我使用下面的代码并且有效。

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

Answer 11

你也可以尝试一下。

只需使用

将其隐藏起来

 .dataTables_length {
        display: none;
    }

两者都有效。

Answer 12

要禁用“显示条目”标签，请使用“bInfo”，例如： “bFilter”是搜索组件，但默认情况下处于活动状态。

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

启用或禁用表信息显示。这将显示有关页面上当前可见数据的信息，包括有关已执行该操作的已过滤数据的信息。

Answer 13

只需写：

deposit()

Answer 14

如果您使用的是 Angular，您可以使用以下代码来做同样的事情。

在 component.html

<table id="" datatable [dtOptions]="dtOptions" class="table dataTable">

在你的 component.ts

 dtOptions: any = {}


 this.dtOptions = {
  searching: true,    //enables the search bar
  info: false        //disables the entry information
}

有更多可用的数据表选项请访问here了解详情

DataTable：隐藏“显示条目”下拉列表，但保留“搜索”框

14 个答案: