jQuery 插件快速搜索与 tablesort

Question

我正在使用这两个不错的表格插件并过滤表格：

1. 快速搜索：https://github.com/riklomas/quicksearch
2. 表格分类器：https://github.com/Mottie/tablesorter

这里是DEMO：http://jsfiddle.net/cETxv/

我在使用 tablesorter 进行快速搜索时遇到问题。我的表格将限制为一次显示 10（默认）、20、30、40 或 50 行。问题是，如果您在超过 10 个匹配项的表中搜索（例如“wildberry”），它将在 1 页中显示所有结果；但我希望将其限制为 10（默认值），其余结果转到下一页。另一个问题是，清除搜索框后，表格将显示所有行，而不是前 10 行（默认）。

此外，首次加载页面时会加载完整表格。但是我改变了操作的顺序（从调用tablesorter然后quicksearch，到调用quicksearch然后tablesorter）

有人知道如何解决这个问题吗？还是 tablesorter 在表格之外有内置过滤器？

任何帮助将不胜感激！

Answer 1

home wiki page（底部）上的a demo 显示了如何在有和没有寻呼机的情况下组合这两个插件。

基本上，您需要在快速搜索中包含这些选项：

$('#search').quicksearch('table tbody tr', {
    delay: 500,
    show: function () {
        $(this).removeClass('filtered');
        $('table').trigger('pageSet'); // reset to page 1 & update display
    },
    hide: function () {
        $(this).hide().addClass('filtered');
        $('table').trigger('pageSet'); // reset to page 1 & update display
    },
    onAfter: function () {
        $('table').trigger('update.pager');
    }
});

并向表中添加一个“hasFilters”类，以便分页器插件知道何时计算过滤的行/页

$('table').addClass('hasFilters');

这里是your demo updated，进行了上述更改。