表排序器加载动态数据 [Ajax, Json,C#]

Question

我在动态更新的 ajax 表上应用表排序器插件。
首页排序正常
但是如果我使用$("#gvMainTemp > tbody > tr").hide();隐藏第 2 3 页上的先前数据，则在第 2 3 页排序不起作用...

如果我删除$("#gvMainTemp > tbody > tr").hide();，它将在 2nd 3rd 绑定第一页数据.....
并且只会对第二页和第三页的第一页数据进行排序
使用的插件：

TableSorter 带有固定头

My Jsfiddle供参考

Answer 1

在对表中的数据进行分页时，最好删除表中的任何先前行，因为您必须跟踪这些行并维护引用。上面的示例代码似乎没有这样做，因此如果用户返回到以前查看的页面，则会将重复的行添加到表中。

不要使用.hide()，而是使用.remove()。

function OnSuccess(response) {
  $("#gvMainTemp > tbody > tr").remove();
  // ...
}

完全有可能，使用包含的分页器小部件/插件来提供 ajax 交互可能更容易。