javascript - 想在只有一页的时候动态隐藏信息

标签 javascript html css datatables

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

当只有一页时,我用它来隐藏分页选项。

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

帮帮我。谢谢。 Info 表示这个 ->("显示 1 到 3 个条目,共 3 个条目")

最佳答案

这是应该起作用的东西。

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

关于javascript - 想在只有一页的时候动态隐藏信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56628628/

相关文章:

css - 画廊旁边的网站中的随机 float 标题,(@media 查询也不起作用)

Css 没有标题填满所有行

javascript - 在 ReactJs 组件中动态更改 CSS 时出现 TypeError

javascript - 如何从另一个函数更改任何函数组件的状态?

新标签页中的 javascript window.location

javascript - 以mp4格式录制HTML5 canvas动画

jquery - 较大的脚本文件失败但较小的似乎没问题

html - 有没有办法在 html 电子邮件中的 "a:hover"上的 href 链接上设置内联样式?

javascript - RxJS:如何组成一棵响应式观察者树?

JavaScript:将文本和图像复制到剪贴板