Tablesorter 过滤器小部件,Tablesorter-filter 和分页问题

Posted

技术标签:

【中文标题】Tablesorter 过滤器小部件,Tablesorter-filter 和分页问题【英文标题】:Tablesorter filter widget, Tablesorter-filter and paging issues 【发布时间】:2012-08-18 05:12:32 【问题描述】:

我正在尝试在表格上添加一些下拉过滤器以及分页。我正在使用 tableSorter 插件,即 tablesorter 进行排序,tablesorter-filter 或 filter 小部件进行过滤,tablesorter pager 用于分页。

当我在filter widget example page 中使用过滤器小部件时,它只过滤当前页面的分页数据,然后分页不会更新。

当我使用来自 jquery-tablesorter-filter location 的 tablesorter-filter 时,如同一链接上的示例中所述,分页工作正常,但我无法使用下拉菜单选择过滤选项。

有人知道解决方法吗? (我现在需要使用这些 tablesorter 插件,所以很遗憾尝试其他插件不是我的选择..)

【问题讨论】:

这个问题应该在tablesorter 2.4版中得到解决...即将推出! 【参考方案1】:

Tablesorter 2.4 版现已上线。查看 this demo 的寻呼机插件和过滤器小部件一起工作。只需确保寻呼机插件选项 removeRows 设置为 false:

$("table")
  .tablesorter()
  .tablesorterPager( 
    // target the pager markup
    container: $(".pager"), 

    // remove rows from the table to speed up the sort of large tables. 
    // setting this to false, only hides the non-visible rows; 
    // needed if you plan to add/remove rows with the pager enabled. 
    removeRows: false, 
  );

【讨论】:

以上是关于Tablesorter 过滤器小部件,Tablesorter-filter 和分页问题的主要内容,如果未能解决你的问题,请参考以下文章

Tablesorter过滤器插件+过滤器小部件:过滤/搜索当前未显示的结果

更新 JQuery Tablesorter 过滤器函数

在 Tablesorter 上动态添加和删除小部件

Tablesorter : filter_functions 并按值排序

TableSorter Math 小部件和 Scroller 小部件不能一起工作

可编辑的小部件在 jQuery tablesorter 中没有响应