想在只有一个页面时动态隐藏信息

Question

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

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

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

帮

帮我。谢谢。信息表示此 ->("显示 1 到 3 个条目中的 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); 
            }

感谢您的帮助。