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

时间:2015-07-17 17:56:41

标签: javascript jquery datatable datatables window-resize

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

这些是我使用

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

每当调整窗口大小时,我希望pageLength更改。

我正在尝试这个

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

1 个答案:

答案 0 :(得分:8)

使用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();
    }
});