Javascript 从Jquery数据表隐藏长度菜单

请问如何从Jquery数据表中隐藏LengthMenu（显示每页显示的记录数的下拉列表）

目前我可以禁用它，但我不希望它出现在所有。看我的 下:-

使用以下工具进行操作：

"bLengthChange": false

---

这将隐藏“长度”下拉列表。

您可以通过禁用分页来完成此操作：

"bPaginate": false

试一试

$('#test').dataTable({
    "aaData": testdata,
    "aoColumns": [
        { "mDataProp": "id" },
        { "mDataProp": "country_code" },
        { "mDataProp": "title" },
        { "mDataProp": "pubdate" },
        { "mDataProp": "url" }
    ],
    "bLengthChange" : false, //thought this line could hide the LengthMenu
    "bInfo":false,    
});

---

如果使用引导或其他模板，隐藏长度菜单的结果可能会有点难看，比如缺少边框

对我有效的是使用css和操纵标签标签标签

.dataTables_length label { display:none;}

---

要完全禁用分页，请执行以下操作：

"paging": false

---

如果仅当数据行可以放入单个页面时才想隐藏分页和“显示X条目的”下拉选项，则可以使用

drawCallback

：

"drawCallback": function (settings) {
    var api = this.api();
    var totalRows = api.rows().data().length; //Get total rows of data
    var rowPerPage = api.rows({ page: 'current' }).data().length; //Get total rows of data per page
    if (totalRows > rowPerPage) {
            //Show pagination and "Show X Entries" drop down option
            $('div.dataTables_paginate')[0].style.display = "block";
            $('div.dataTables_length')[0].style.display = "block";
    } else {
            //Hide it
            $('div.dataTables_paginate')[0].style.display = "none";
            $('div.dataTables_length')[0].style.display = "none";
    }
}

---

或者，您可以参考非常类似的方法。

从DataTables 1.10.18开始，根据 这是隐藏长度菜单的推荐方法：

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

---

谢谢，但我不想禁用分页。你知道如何自定义分页吗？

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