tablesorter - 在多个表之间共享的pager_output变量

时间:2016-01-18 18:48:51

标签: tablesorter pager

使用最新的jquery / tablesorter / widgets(截至2016年1月18日),使用寻呼机小部件,将pager_output设置为您想要的任何内容,只要包含{totalRows}即可。创建两个或多个具有不同id的普通表,并将tablesorter附加到每个id。确保表具有不同的行数。寻呼机将显示每个表的最后遇到的表的totalRows,而不是每个表的相应数字。

当您包括过滤时,{filteredRows}也是如此。

1 个答案:

答案 0 :(得分:0)

它适用于我...确保代码不指向两个表的同一个寻呼机容器(demo

$('table').each(function(){
    $(this).tablesorter({
        theme: "bootstrap",
        widthFixed: true,
        headerTemplate: '{content} {icon}',
        widgets: ["uitheme", "filter", "zebra"],
    })
    .tablesorterPager({
        container: '.' + this.id,
        cssGoto: ".pagenum",
        output: '{startRow} - {endRow} / {filteredRows} ({totalRows})'
    });
});

更新:糟糕,here is a demo使用寻呼机小部件

$('table').each(function(){
    $(this).tablesorter({ debug: true,
        theme: "bootstrap",
        widthFixed: true,
        headerTemplate: '{content} {icon}',
        widgets: ["uitheme", "filter", "zebra", 'pager'],
      widgetOptions: {
        pager_selectors : {
            container : '.' + this.id
        },
        pager_output: '{startRow} - {endRow} / {filteredRows} ({totalRows})'
      }
    });
});