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

129

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

datatable dt

— 费萨尔汗
source

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
source

56

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

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

— 吉米·奥本约·阿伯
source

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

— 尼夫
source

19

这是此帖子的关键答案，"bLengthChange": false,将隐藏“条目”下拉列表

9

对于<= 1.9的数据表，@perpo的答案

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

效果很好，但是对于1.10+，请尝试以下操作：

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

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

1.9文件

1.10文件

— 米哈尔·弗莱斯塔基（Michal Frystacky）
source

这是更好的方法，因为它删除了div holdint元素。带有bLenghChange元素的元素消失了，但是有空格。谢谢！

— Hamid Salari

9

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

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

CDN JS：

CDN CSS：

— 阴影3002
source

1

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

— Dammeul

8

sDom：“ Tfrtip”或通过回调：

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

— cnizzardini
source

3

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

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

— Chitranjan Srivastva
source

2

您也可以尝试一下。

只需通过使用CSS将其隐藏，

 .dataTables_length {
        display: none;
    }

两者都会起作用。

— 鲁佩什·坎伯
source

2

写就好了：

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

— 哈桑·谢赫（Hasan Sheikh）
source

1

隐藏“显示条目”但仍具有分页功能。我用下面的代码，它的工作。

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

— ejay56
source

1

添加此选项：

"bInfo": false

— cyber8200
source

0

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

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

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

— Steffanjj
source