使用带有 tablesorter 小部件的 simplePagination jQuery 插件的问题

Question

我正在使用 simplePagination jQuery 插件执行分页，并使用 table 排序器对输入进行排序和过滤。我选择 'simplePagination' 而不是 'tablesorter pager' 的原因是我想执行与 simplePagination 为我的项目执行的功能类似的功能。但是，我在使用 tablesorter 小部件和 simplePagination 插件时看到了一些 issues/clashes。问题： 1) 我无法再显示每页所需的记录（即：一页上有 10 条记录）。 2) 当我在搜索框中输入时，我无法过滤项目。

下面是我对这两个插件的初始化：

table分拣员：JS

$("#table").tablesorter({
     widgets: ['zebra', 'filter'],
     widgetOptions : {
        filter_columnFilters: false
}

简单分页：Js

perPage = 10;
$("#pagination").pagination({
    items: 20,
    itemsOnPage: perPage,
    onPageClick: function(pageNumber) { 
        var showFrom = perPage * (pageNumber - 1);
        var showTo = showFrom + perPage;
        items.hide().slice(showFrom, showTo).show();
    },
});

有没有人遇到过类似的情况..有什么办法可以解决吗？？谢谢

Answer 1

我找到了答案，虽然我不确定它是否是最好的方法，但只是一种解决方法，会找到更好的方法。我使用 tablesorter-pager 插件来确定页面上的记录：

$("#table").tablesorterPager({
    page: 0,
    size: 10,    
});

它对我有用，这绝对不是最好的方法，但就目前而言，它很好！！:)

Answer 2

如果您想使用 simplePagination，则需要将其与寻呼机插件或小部件一起使用。 Here is a demo 使用寻呼机小部件：

$(function () {
    var perPage = 10,
        $table = $('table');
    $table.tablesorter({
        widgets: ['zebra', 'filter', 'pager'],
        widgetOptions: {
            filter_columnFilters: false,
            pager_size: perPage
        },
        initialized: function (table) {
            /* 
            Using http://flaviusmatis.github.io/simplePagination.js/
            along with the pager widget
            */
            var pager = table.config.pager;
            $("#pagination").pagination({
                cssStyle: 'compact-theme',
                items: pager.totalRows,
                itemsOnPage: pager.size,
                onPageClick: function (pageNumber) {
                    $table.trigger('pageSet', pageNumber);
                }
            });
        }
    });

});

关于过滤，我不确定要告诉您什么。当 filter_columnFilters 选项设置为 false 时，无法设置过滤器。或者问题中没有共享与过滤器小部件交互的方式。你有外部输入吗？

使用带有 tablesorter 小部件的 simplePagination jQuery 插件的问题

Issues using simplePagination jQuery plugin with tablesorter widget

jquery

tablesorter