代码之家 › 专栏 › 技术社区 › Organiccat

使用分页和排序的jQuery tablesorter

tablesorter pagination jquery javascript

Organiccat · 技术社区 · 14 年前

选项。当实现它时,页面将在第一次加载时“工作”(如在load中),当单击其中一列(不是sortForce列)时,分页以一种形象的方式爆炸,并突然显示同一页面上的所有记录。

然后排序只锁定在一个方向上,您只能按sortForce最初描述的任何方向(asc或desc)排序,但对于所有列(因此您不能按列1排序asc,比方说,如果sortForce对sortForce说desc,那么您要按哪个列排序)。我来看看能不能弄个样品:

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

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

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

如果我在这里要做的是,在一次列上强制排序,然后在其他列上设置二次排序,同时包含分页,那么使用另一种解决方案似乎更容易,

1 回复 | 直到 10 年前

Organiccat 14 年前

答案是在一个表排序器下进行所有排序,而不是将其拆分。以下是解决方案:

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

需要sortList才能进行初始排序。设置sortForce可确保排序在与其他列排序后保持不变。

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前