jQuery Tablesorter +分页，重新分页所有表

Question

我有一个包含表格的页面。 在此表上，我使用两个插件：tablesorter和table pagination。

当用户尝试对行进行排序时，我想重新对整个表进行分页。 问题是：当我尝试对行进行排序时，tablesorter插件仅对我所在页面的行进行排序，直到切换到另一页为止。

我考虑过使用表分页的触发器：

$table.trigger('repaginate');

但是我不确定这个选择，我也不知道如何使用它。

我摆弄一个小提琴，以使您更好地理解。

Answer 1

更新的答案

正如@Mottie指出的那样，实际上不需要显示行，只需在排序后调用重新分页方法：

$("#risorse_in").bind("sortEnd", function() {
  $(this).trigger('repaginate');
});

很好，因为没有原始答案中的丑陋副作用。

原始答案（部分错误）

tablesorter插件仅对可见行进行排序。 因此，在排序开始之前，所有行都必须可见。

此代码使它们在排序之前和重新进行分页之后可见：

  $("#risorse_in").bind("sortStart", function() {
    $(this).find('tbody tr').show();
  }).bind("sortEnd", function() {
    $(this).trigger('repaginate');
  });

另外，这是更新的小提琴： https : //jsfiddle.net/ceaauh63/5/

该解决方案的缺点是，额外的行可能在瞬间可见。 您可以通过添加CSS规则不透明度来避免这种情况：0

这些行：

#risorise_in:nth-child(n+4) {
  opacity: 0;
}