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

使用分页和排序的jQuery tablesorter

  •  2
  • 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 回复  |  直到 9 年前
        1
  •  1
  •   Organiccat    14 年前

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

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

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