Jquery表分类器分页在初始加载时不能正确分离页面

Jquery tablesorter pagination is not separating pages correctly on initial load

本文关键字：不能 分离 加载 分类器 分页 Jquery      更新时间：2023-09-26

所以我使用的分页插件与tablesorter (tablesorter.com)，我改变了页面大小下拉框的值，但它不能正确调整页面，除非我点击组合框后再次页面加载。然而，如果我在(10,20,30)中保留默认值，那么它就会正常工作。它将加载页面，只显示10行，然后让我去下一页的其余行等。我需要将页面限制为100个结果而不是10个。为了测试起见，我试图将其更改为限制为5行，但它没有正确调整，直到我在页面加载后单击下拉框中的5。这是我当前的代码。

HTML 

<div id="pager" class="pager">
<form>
    <img src="images/first.png" class="first"/>
    <img src="images/prev.png" class="prev"/>
    <input type="text" class="pagedisplay"/>
    <img src="images/next.png" class="next"/>
    <img src="images/last.png" class="last"/>
    <select class="pagesize">
        <option value="5">5</option>
        <option value="20">20</option>
        <option value="30">30</option>  
    </select>
</form>
</div>
javascript 

<script>
$(document).ready(function() 
    { 
        $("#distributorTable").tablesorter({ headers: { 1:{sorter:false} } } );
        $("#distributorTable").tablesorterPager({container: $("#pager")}); 
    } 
);
</script>

我在发布这篇文章后找到了解决方案。当使用分页功能时，你可以发送一个大小值，它将设置初始页面大小。

Javascript 

$("#distributorTable").tablesorterPager({container: $("#pager"), size:5});
相关文章：