数据表格：隐藏“显示条目”下拉框但保留搜索框。

Question

数据表格：隐藏“显示条目”下拉框但保留搜索框。

datatabledt

169

在DataTable中是否可以隐藏“显示条目”下拉菜单，但保留搜索框？我想始终显示底部带有分页的10行，同时带有搜索框，但不想显示“显示条目”下拉菜单。

- FaisalKhan

15个回答

86

如果使用 Datatable > 1.1.0 版本，则需要以下 lengthChange 选项：

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

- Jimmy Obonyo Abor

是的，这里有文档记录：https://datatables.net/reference/option/lengthChange - Dr. Jan-Philip Gehrcke

50

"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

- Niv

24

这是对于这篇文章的关键答案，"bLengthChange": false,将隐藏条目下拉菜单。

- user4287698

14

我是这样解决的。使用Bootstrap 4。

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

- shades3002

1

这适用于2018年的数据表，其他的都不行。 - Adam

11

只需写：

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

- proghasan

10

对于DataTables <=1.9版本，@perpo的答案

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

功能正常，但对于1.10+版本，请尝试以下操作：

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

在这里我们省略了控制"长度变化输入"的l

1.9文档

1.10文档

- Michal Frystacky

1

这样做更好，因为它删除了包含元素的 div。使用 bLengthChange 属性，元素已经消失了，但仍有空白间隔。谢谢！ - Hamid Salari

8

sDom: "Tfrtip" 或通过回调函数指定：

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

- cnizzardini

7

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

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

- chitranjan srivastva

5

你可以尝试这个方法。只需使用CSS隐藏它，方法如下：

 .dataTables_length {
        display: none;
    }

两者都可以使用。

- Rupesh Kamble

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- PERPO · Accepted Answer

您可以直接在此链接上找到更多信息：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 是您需要更改的选项 :)