Question

这是我的js代码：

 <script type="text/javascript">

    $(document).ready(function () 
    {


        $("table.tablesorter").tablesorter({ widthFixed: true, sortList: [[0, 0]], widgets: ['zebra'], sortLocaleCompare: true })


       $("table.tablesorter").tablesorterPager({ container: $("#pager"), size: $(".pagesize option:selected").val() });
    });

 </script>

这是我在html中的分页代码：

<div id="pager" style="position:relative;margin-top:3px;">

        <img src="@Url.Content("~/Content/images/first.png")" class="first" />
        <img src="@Url.Content("~/Content/images/prev.png")" class="prev" />
        <input type="text" class="pagedisplay" style ="font-family:Arial;font-size:10px;" />
        <img src="@Url.Content("~/Content/images/next.png")" class="next" />
        <img src="@Url.Content("~/Content/images/last.png")" class="last" />
        <select class="pagesize">
            <option selected="selected" value="10">10</option>

            <option value="20">20</option>
            <option value="30">30</option>
            <option value="40">40</option>
        </select>

    </div>

排序工作正常，但我的问题是：如果我在表的第二页（分页）中并单击表标题列进行排序，则它会对整个表进行排序。所以我的第二页中的行值发生了变化。有没有办法只对表格当前页面中的值进行排序。

任何人都可以帮我解决这个问题。

使用tablesorter和tablepaging jquery插件进行分页明智的排序是行不通的

0 个答案: