希望在只有一页的情况下动态隐藏信息

Question

当仅显示一页时，希望在DOM中隐藏信息选项。我在分页时实现了它，但找不到在info选项上执行相同操作的解决方案。

当只有1页时，我用它来隐藏分页选项。

preDrawCallback: function (settings) {
$(this).closest('.dataTables_wrapper').find('.dataTables_paginate').toggle((new $.fn.dataTable.Api(settings)).page.info().pages > 1); }

帮帮我。谢谢。信息表示此->（“显示3个条目中的1到3个”）

Answer 1

这里应该起作用。

$(document).ready(function() {
    let maxRowSize = 4;
$('#example').data( "page-length", maxRowSize);
let table = $('#example').DataTable();
if(table.column(0).data().length / maxRowSize == 1) {
    $('#example_paginate').toggle("example_paginate");
}
});

Answer 2

我明白了我在代码中使用它的方法。

preDrawCallback: function (settings) {
            $(this).closest('.dataTables_wrapper').find('.dataTables_info').toggle((new $.fn.dataTable.Api(settings)).page.info().pages > 1); 
            $(this).closest('.dataTables_wrapper').find('.dataTables_paginate').toggle((new $.fn.dataTable.Api(settings)).page.info().pages > 1); 
            }

感谢您的帮助。