使用 tablesorter 和 pager 将行添加到表中

Posted

技术标签:

【中文标题】使用 tablesorter 和 pager 将行添加到表中【英文标题】:Add row to a table with tablesorter and pager 【发布时间】:2011-08-28 23:37:56 【问题描述】:

我正在尝试使用寻呼机向 tablesorter 表动态添加一行。每当我这样做时,所有其他页面都会被删除。我怎样才能添加它?或者,我怎样才能从表中删除 oager 并将其恢复到正常状态?这也会有所帮助。现在,我正在尝试追加一行,然后我尝试了:

    $("table#inventory").trigger("update");
    $("table#inventory").trigger("appendCache");
    $("table#inventory").trigger("sorton", [[0, 0]]);

    $("#pager *").unbind('click');
    $("table#inventory").trigger("update");
    $("table#inventory").trigger("appendCache");
    $("table#inventory").trigger("sorton", [sorting]);
    $("table#inventory").tablesorterPager(
        container: $("#pager")
    );

$('table#inventory, table#inventory *, #pager, #pager *').unbind();
$("table#inventory").tablesorter(
    debug: false,
    sortList: [[0, 0]]
) .tablesorterPager(
    container: $("#pager")
);

基于我在各种论坛上在线阅读的内容。提前致谢。

【问题讨论】:

【参考方案1】:

我的github 站点上有一个tablesorter 插件的分支。我注意到您的问题,并且最近添加了在寻呼机处于活动状态时向表格添加一行的功能。如上所述,使用“更新”方法不起作用,因为它会更新缓存以仅包含可见行。

我还添加了一个 destroy 方法,如果你仍然需要它:)

这里是demo page。

【讨论】:

以上是关于使用 tablesorter 和 pager 将行添加到表中的主要内容,如果未能解决你的问题,请参考以下文章

Tablesorter 和 Pager:如何安装?

jQuery Tablesorter Pager - 设置第一个显示的行

Tablesorter Pager 在 Safari 或 Chrome 中不起作用

使用 JQuery Tablesorter Pager 的列突出显示问题

TableSorter Pager(JQuery)的错误分页

问题:使用 jquery 插件 tablesorter 进行表格排序和分页