【问题标题】:jQuery tablesorter working with pagination and sortForce使用分页和 sortForce 的 jQuery 表格排序器
【发布时间】:2015-04-16 17:30:58
【问题描述】:

我在一个列表中有一组大约 40 条记录,这些记录在一个带有分页的表中工作,每页 10 条记录并且在所有列上都启用了排序。我的问题是,分页似乎不适用于 sortForce 选项。实现它时,页面将在第一次加载时“工作”(如加载中),当单击其中一个列(不是 sortForce 列)时,分页以比喻的方式爆炸并显示所有记录同一页突然出现。

然后排序只锁定一个方向,您只能在 sortForce 最初描述的任何方向(asc 或 desc)上进行排序,但是对于所有列(所以你不能按列 1 排序,假设 sortForce 说desc 用于排序所依据的列上的 sortForce)。让我们看看我是否可以制作一个样本:

$(document).ready(function() { 
    $("table").tablesorter({sortForce: [[2,0]]});
    $("table").tablesorter({widthFixed: true, widgets: ['zebra']}).tablesorterPager({container: $("#pager")});
}); 

尝试使用任何表格集,您可以从此处的源代码中获取一组表格进行测试:

http://tablesorter.com/docs/example-pager.html

如果我在这里尝试做的事情,在一次列上强制排序,同时能够在其他列上设置二级排序,同时包括分页,似乎更容易使用另一种解决方案,我很愿意建议。

【问题讨论】:

    标签: javascript jquery pagination tablesorter


    【解决方案1】:

    答案是在一个 tablesorter 下进行所有排序,而不是拆分它。这是解决方案:

    jQuery("#table").tablesorter({widthFixed: true,
        sortForce: [[10,0]],
        sortList:  [[10,0]],
        widgets:   ['zebra']}).tablesorterPager({container: jQuery("#pager")});
    

    为了进行初始排序,需要 sortList。设置 sortForce 可确保在与其他列排序后保持排序。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-10-13
      相关资源
      最近更新 更多