如何动态更改 table 的页面长度

Question

有没有办法在 jQuery 的 "window.resize" 事件中更改运行时 dataTable 的 pageLength 设置？

这些是我正在使用的数据表设置

$('#dataTable').DataTable({
    paging: true,
    pageLength: 35,
    searching: true,
    lengthChange: false,
    info: false,
    scrollCollapse: true,
    scrollY: "calc(74vh)"
});

我希望 pageLength 随 window 的大小调整而改变。

我正在尝试这个

$(window).resize(function () {
    if ($(this).height() >= "1080"){
        // change the dataTable pageLength in here
        $('#dataTable').DataTable({ pageLength: 50 });
    } else {
        // default pageLength
        $('#dataTable').DataTable({ pageLength: 35 });
    }
});

Answer 1

使用page.len() API函数动态改变页面长度。

$(window).resize(function () {
    if ($(this).height() >= 1080){
        // change the dataTable pageLength in here
        $('#dataTable').DataTable().page.len(50).draw();
    } else {
        // default pageLength
        $('#dataTable').DataTable().page.len(35).draw();
    }
});

Answer 2

要更改 pageLength 参数，请使用：

var table=$('#dataTable').DataTable({
    paging: true,
    sort: true,
    scrollX: true,
    searching: true,
    lengthMenu: [[2,5,10,25, 100, -1], [2,5,10,25, 100, "All"]],
    pageLength: 5,
});
table.page.len(-1).draw();

如何动态更改 table 的页面长度

How to change table's page length dynamically

javascript

datatable

jquery

datatables

window-resize