【问题标题】:Need Help with Jquery TableSorter Pager plugin需要 Jquery TableSorter Pager 插件的帮助
【发布时间】:2010-05-14 18:36:29
【问题描述】:

我正在使用 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

【问题讨论】:

    标签: jquery jquery-plugins paging tablesorter


    【解决方案1】:

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

    我之前在工作中遇到过这个问题,除了我在 Pager 和 TableSorter 之上还有 TableSorterFilter 插件。最后我终于让它工作了,但是修改插件代码需要付出很多努力。

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

    【讨论】:

    • 您应该贡献您的更改/修复。
    【解决方案2】:

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

    【讨论】: