tablesorter筛选器和jquery tablesorter

我正在使用jquery表分类器插件和jquery表分类器分页

当我在文档加载中加载设置并添加过滤器时，它会破坏分页。我尝试使用的每个表过滤器插件都有这个问题

var $table = $('#billing_summary_table')
.on('pagerInitialized pagerComplete', function (e, c) {
    var i, pages = '', t = [],
        cur = c.page + 1,
        start = cur > 1 ? (c.totalPages - cur < 3 ? -3 + (c.totalPages - cur) : -1) : 0,
        end = cur < 3 ? 5 - cur : 2;
    for (i = start; i < end; i++) {
        if (cur + i >= 1 && cur + i < c.totalPages) { t.push( cur + i ); }
    }
    // make sure first and last page are included in the pagination
    if ($.inArray(1, t) === -1) { t.push(1); }
    if ($.inArray(c.totalPages, t) === -1) { t.push(c.totalPages); }
    // sort the list
    t = t.sort(function(a, b){ return a - b; });
    // make links and spacers
    $.each(t, function(j, v){
        pages += '<a href="#" class="' + (v === cur ? 'current' : '') + '">' + v + '</a>';
        pages += j < t.length - 1 && ( t[j+1] - 1 !== v ) ? ' ... ' : ( j >= t.length - 1 ? '' : ' ' );
    });
    $('.pagecount').html(pages);
})
.tablesorter({
    widgets: ['zebra']
})
.tablesorterPager({
    container: $(".pager"),
    size: 3,
    output: 'showing: {startRow} to {endRow} ({totalRows})',
    removeRows: false
})
.tablesorterFilter({
    filterContainer: "#filter",
    filterColumns: [0,1,2,3]
});

var$table=$（“#账单汇总表”）
.on（'pagerInitialized pagerComplete'，函数（e，c）{
变量i，页码=''，t=[]，
cur=c.第+1页，
开始=cur>1？（c.totalPages-cur<3？-3+（c.totalPages-cur）：-1）：0，
结束=电流<3？5-电流：2；
for（i=start；i=1&&cur+i=t.length-1？“：”）；
});
$（'.pagecount'）.html（页）；
})
表排序器({
小部件：[“斑马”]
})
.表排序器({
容器：$（“.pager”），
尺寸：3，
输出：'显示：{startRow}到{endRow}（{totalRows}）'，
罗尔斯：错
})
.表过滤器({
过滤器容器：“#过滤器”，
筛选器列：[0,1,2,3]
});

我建议你试试我的。原因是寻呼机插件有一个选项

removows

，默认情况下该选项为

false

，因此页面上（DOM中）仍然存在所有表行，从而简化了筛选。因此，它应该与您提到的过滤器插件一起工作（未经测试）

此外，请查看：

• 将筛选器添加到每个列的basic
• 过滤器小部件使用的选项允许您添加自己的输入以搜索表的所有内容
• 将筛选器小部件用于
• 与寻呼机插件一起使用的

---

尝试将过滤器放入

.tablesorter（）

函数中

.tablesorter({
    widgets: ['zebra'],
    filter_columnFilters: true,//If u want a single filter for each column
    filter_external: '#filter'
}}

您在此处有更多信息：

---

我想它会对您有用，我今天刚刚实现了它。

关于quicksearch插件的演示。。您使用了哪个版本的tablesorter和哪个paginator？该演示始终使用my fork中最新版本的tablesorter和pager。