Question

我正在为我的分页使用数据表。当我想要显示的记录超过5个时，之前的按钮和显示的页数会下降。

为此，我正在使用这样的

if($("#example").find("tr:not(.ui-widget-header)").length<=10){
            console.log('hi');
            $('#example_length').addClass('hide');
            $('#example_paginate').addClass('hide');

        }
    }

enter link description here 让我们说最初只有5条记录，所以不需要显示下一个或上一个按钮，也不需要显示每页的记录数。

所以我隐藏它并且效果很好。但我的问题是，如果有12条记录，那么在第一页上它显示10条记录，接下来，previuos按钮全部可见，当我点击下一步按钮然后它显示另外2条记录这里的按钮消失了。

现在用户无法看到1-10条记录，因为没有该按钮

那么如何克服这个问题。

如果记录总数小于10

，如何禁用按钮

这是小提琴

Answer 1

在datatables API中有一个page函数，它返回当前页码。因此，请更改您的if语句，以检查它是否也在第1页上，如下所示：

if($("#example").find("tr:not(.ui-widget-header)").length<=10 && this.page() > 1)

Answer 2

最好通过服务器端脚本来完成。你可以用 if（count> 10）{ ShowPagination } 而不是它，您可以使用任何分页插件，如Simple Pagination

如何在记录较少时隐藏页码

2 个答案: