Question

表标题将根据动态ajax更新而更改。使用时执行此操作：

$('table thead').html(headers);

然后使用以下命令重新初始化表：

$("table").tablesorter({ theme : 'blue', sortList: [[2,1],[0,0]] });

从标题中删除排序功能。如何更新标头并重新初始化，以便正确处理这些标头？

Answer 1

我认为在你的情况下你可能需要在重新初始化之前销毁tablesorter的实例：

// initialisation
var initOptions = {
  theme: 'blue',
  sortList: [[2,1],[0,0]]
};
$("table").tablesorter(initOptions);

然后在ajax更新后，使用：

// Remove tablesorter and all classes
$("table").trigger("destroy", [false, function(){
  // callback after the destroy method
  $('table thead').html('<tr>' + headers + '</tr>');
  $("table").tablesorter(initOptions);
}]);

在这个例子中，确保initOptions变量与初始化代码在同一个闭包内，或者只是复制它;）

jquery tablesorter：更新标头

1 个答案: