使用 jQuery Tablesorter 将行添加到表时如何保留分页器状态？

Question

我正在使用tablesorter插件：http://tablesorter.com/docs/与jquery 1.4.2

现在我的问题是这样的。用户可以动态地将行添加到表中。但这似乎搞乱了分页。与第一个一样，它会添加到行的第一个“页面”，但如果您要转到第二页，则会返回到第一页。你新的记录不见了。我不知道它去了哪里，但它就这样消失了。

我尝试这样做

$('#pagerid').unbind('click');
 $('#tbl tbody ').append(response.HtmlRow);
 $('#tbl').trigger('update');

所以我尝试解绑寻呼机点击方法并进行触发器更新，但这似乎不起作用。然后我尝试在上述 3 行之后添加这一行。

$('#tbl').tablesorterPager({ container: $('#pagerid') }); 

但它似乎也没有做任何事情。

http://tablesorter.com/docs/example-pager.html

Answer 1

这是因为 TableSorterPager 存储表行的缓存数组，然后销毁/重新创建表，仅显示缓存中的“有趣”行 - 取决于所选的页面。

我在工作之前遇到过这个问题，除了我在 Pager 和 TableSorter 之上还有 TableSorterFilter 插件。 我最终让它工作起来，但修改插件代码花了很多功夫。

如果我要重新开始，我会选择 DataTables.net，它似乎有更丰富的 API 来完成这些类型的事情。 事实上，我建议在你让自己发疯之前走这条路！

Answer 2

您要添加的行 (tr) 必须具有样式标签“display:table-row;”