Jquery数据表自定义页面长度答案

【问题标题】：Jquery Data-table Customizing page lengthJquery数据表自定义页面长度
【发布时间】：2017-02-07 04:47:09
【问题描述】：

我正在使用数据表并想更改数据表提供的默认页面长度。如以下链接所述实现 https://datatables.net/examples/advanced_init/length_menu.html

我们可以这样做

$(document).ready(function() {
    $('#example').DataTable( {
        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
    } );
} );

我正在使用数据表

var table = $('#inbox').DataTable();

因为我想禁用数据表提供的默认搜索和分页，并仅在两列上自定义搜索。正如我已经按照这个实现的那样

$('#dept').keyup( function() {
    table.columns(2).search(this.value).draw();
} );

$('#type').keyup( function() {
    table
    .columns(0)
    .search(this.value)
    .draw();
} );

我禁用了默认搜索，css分页

.dataTables_filter, .dataTables_info, .dataTables_length,
    .dataTables_paginate, .paging_simple_numbers {
    display: none;
}

所以没有提供 lengthMenu 选项的选项。我想默认显示 100 行，没有更改长度的选项。我怎样才能做到这一点？？

【问题讨论】：

标签： jquery pagination datatables

【解决方案1】：

您是否尝试过使用 DisplayLength 属性？

$('#example').DataTable({
    "lengthChange": false,
    "iDisplayLength": 100
});

【讨论】：

在这种情况下，我可以应用我正在使用的自定义搜索。 $('#dept').keyup( function() { table.columns(2).search(this.value).draw(); } ); $('#type').keyup( function() { table .columns(0) .search(this.value) .draw(); } );
您的意思是说您的自定义搜索不起作用？
基本上我需要var table = $('#inbox').DataTable(); 的引用来运行我的自定义搜索。如果我申请$('#example').DataTable({ "lengthChange": false, "iDisplayLength": 100 }); ，那么我的自定义搜索将不起作用。我也想使用自定义搜索并希望显示 100 长度。
酷...适合我..谢谢..!!
抱歉不小心删除了评论。Var table = $('#tblGLGroup').DataTable({ "lengthChange": false, "iDisplayLength": 100 )}; $(document).on("keyup", "#searchBox", function () { groupTable.column(0).search($(this).val()).draw(); });