数据表：隐藏显示条目下拉列表但保留搜索框答案

【问题标题】：DataTable: Hide the Show Entries dropdown but keep the Search box数据表：隐藏显示条目下拉列表但保留搜索框
【发布时间】：2012-10-28 17:50:00
【问题描述】：

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

【问题讨论】：

标签： datatable dt

【解决方案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，是你需要改变的：）

【讨论】：

【解决方案2】：

如果使用 Datatable > 1.1.0 那么lengthChange 选项就是您需要的，如下所示：

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

【讨论】：

【解决方案3】：

"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

【讨论】：

【解决方案4】：

这是 key 回复此帖子"bLengthChange": false, 将隐藏条目下拉列表

【讨论】：

【解决方案5】：

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

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

cdn js：

cdn css：

【讨论】：

这适用于 2018 年的数据表，其他都没有。

【解决方案6】：

对于DataTables @perpo的回答

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

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

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

我们省略了l“长度更改输入控件”

1.9 Docs

1.10 Docs

【讨论】：

这更好，因为它删除了 div 保持元素。 bLenghChange 元素消失了，但有空格。谢谢！

【解决方案7】：

sDom：“Tfrtip”或通过回调：

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

【讨论】：

【解决方案8】：

只要写：

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

【讨论】：

【解决方案9】：

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

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

【讨论】：

【解决方案10】：

你也可以试试这个。

只需使用 CSS 将其隐藏，

 .dataTables_length {
        display: none;
    }

两者都可以。

【讨论】：

【解决方案11】：

隐藏“显示条目”但仍有分页。我使用了下面的代码，它成功了。

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

【讨论】：

【解决方案12】：

添加此选项：

"bInfo": false

【讨论】：

【解决方案13】：

要禁用“显示条目”标签，请使用“bInfo”，例如： “bFilter”是搜索组件，但默认是激活的。

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

启用或禁用表格信息显示。这会显示有关页面上当前可见数据的信息，包括有关过滤数据的信息（如果正在执行该操作）。

【讨论】：

【解决方案14】：

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

在组件.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了解更多信息

【讨论】：