使用jquery tablesorter

时间:2017-03-01 18:17:21

标签: jquery tablesorter

我使用jQuery tablesorter插件来排序我的表。正如您在fiddle中看到的那样,可以通过按钮触发排序重置。

$(function() {
  $("table").tablesorter({
    sortInitialOrder: 'asc'
  });
  $('button').click(function(){
    $('table').trigger('sortReset');
    return false;
  });
});

我想要的是单击未排序的列将始终按sortInitialOrder属性指定的初始顺序对其进行排序。例如,单击重置,单击表标题,单击重置,然后再次在同一个表标题上。每次启动新排序时,订单方向应该保持不变,这在小提琴中不会发生。 tablesorter有一个名为" sortRestart"的用例的设置,但不幸的是(我不知道为什么)你不能手动触发它。有谁知道如何解决我的问题?

1 个答案:

答案 0 :(得分:1)

“锁定订单”选项可用于完成此操作,记录为here。它将单独应用于应锁定的每个列标题。

它可以通过几种方式作为HTML的一部分应用(我省略了需要另一个文件的元数据方法):

  • 使用数据属性:<th data-lockedorder="asc">Last Name</th>

  • 使用课程:<th class="lockedOrder-asc">Last Name</th>

或者可以在tablesorter代码中锁定排序顺序:

headers : { 
    0 : { lockedOrder: 'asc' } 
}

这三种方法在fiddle上进行了演示,您可以进行一些调整。