Как изменить длину страницы таблицы динамически

Question

Есть ли способ изменить настройку dataTable pageLength на время выполнения в событии jQuery «window.resize»?

Это 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 }); 
    } 
}); 

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