Javascript 如何使用table sorter插件Jquery搜索表中的项目

我正在使用tablesorter插件和tablesorter小部件搜索表中的项目。但是，在尝试设置每页的行数时，我与tablesorterWidgets.js文件发生冲突。 js:

然而，它从来没有使用perPage编号，因为在TableSorterWidgets文件中的某个点，它会覆盖perPage编号并将其重置回项目的原始长度。 是否有其他方法可以用于从输入字段中搜索项目

---

谢谢

查看文档，您似乎没有什么问题

正在演示以下修复程序

---

问题1： 你正在使用

您应该使用最新版本的：和

---

问题2： 各国：

tablesorter是一个jQuery插件，用于将带有ad和TBODY标记的标准HTML表转换为无需页面刷新的可排序表。tablesorter可以成功解析和排序多种类型的数据，包括单元格中的链接数据。它有许多有用的功能，包括：

您的表格没有所需的AD或TBODY标签。如果未检测到任何错误，则tablesorter未初始化，因此无法创建小部件，从而导致控制台中出现以下错误：

未捕获的TypeError:无法读取未定义的

未捕获的TypeError:无法读取未定义的属性“widgetOptions”

---

问题3： 根据

在搜索输入中包括数据列=“#”属性（其中#是列号），以指定搜索应应用于哪个列~有关完整示例，请参阅。警告如果没有向输入添加数据列属性，则将忽略该输入

在v2.15中，使用data column=“all”绑定外部任意匹配搜索筛选器

这意味着如果您有

，它应该更像

（如果需要，将“all”更改为列号）

---

问题4： 正如您所提到的，

filter

小部件似乎覆盖了分页设置。解决这个问题的一个快速方法是将隐藏元素的调用移动到

onInit:

回调中，并将其放入计时器函数中，这样它就可以让

过滤器

插件先做自己的事情，然后隐藏其他“页面”。像这样：

setTimeout（函数（）{items.hide（）.slice（startItem-1，endItem.show（）；}，100）

这可能不是最好的方法，但在不深入了解小部件的情况下，这确实有效。
查看文档，您似乎没有什么问题

正在演示以下修复程序

问题1：
你正在使用

您应该使用最新版本的：和


问题2：
各国：

tablesorter是一个jQuery插件，用于将带有ad和TBODY标记的标准HTML表转换为无需页面刷新的可排序表。tablesorter可以成功解析和排序多种类型的数据，包括单元格中的链接数据。它有许多有用的功能，包括：

您的表格没有所需的AD或TBODY标签。如果未检测到任何错误，则tablesorter未初始化，因此无法创建小部件，从而导致控制台中出现以下错误：

未捕获的TypeError:无法读取未定义的

未捕获的TypeError:无法读取未定义的属性“widgetOptions”


问题3：
根据

在搜索输入中包括数据列=“#”属性（其中#是列号），以指定搜索应应用于哪个列~有关完整示例，请参阅。警告如果没有向输入添加数据列属性，则将忽略该输入

在v2.15中，使用data column=“all”绑定外部任意匹配搜索筛选器

这意味着如果您有
，它应该更像
（如果需要，将“all”更改为列号）


问题4：
正如您所提到的，
filter
小部件似乎覆盖了分页设置。解决这个问题的一个快速方法是将隐藏元素的调用移动到
onInit:
回调中，并将其放入计时器函数中，这样它就可以让
过滤器
插件先做自己的事情，然后隐藏其他“页面”。像这样：

setTimeout（函数（）{items.hide（）.slice（startItem-1，endItem.show（）；}，100）

这可能不是最好的方法，但在不深入了解小部件的情况下，这确实有效。
查看文档，您似乎没有什么问题

正在演示以下修复程序

问题1：
你正在使用

您应该使用最新版本的：和


问题2：
各国：

tablesorter是一个jQuery插件，用于将带有ad和TBODY标记的标准HTML表转换为无需页面刷新的可排序表。tablesorter可以成功解析和排序多种类型的数据，包括单元格中的链接数据。它有许多有用的功能，包括：

您的表格没有所需的AD或TBODY标签。如果未检测到任何错误，则tablesorter未初始化，因此无法创建小部件，从而导致控制台中出现以下错误：

未捕获的TypeError:无法读取未定义的

未捕获的TypeError:无法读取未定义的属性“widgetOptions”


问题3：
根据

在搜索输入中包括数据列=“#”属性（其中#是列号），以指定搜索应应用于哪个列~有关完整示例，请参阅。警告如果没有向输入添加数据列属性，则将忽略该输入

在v2.15中，使用data column=“all”绑定外部任意匹配搜索筛选器

这意味着你在哪里
var $table = $("#table").tablesorter({
                         widgets: ['zebra', 'columns', 'filter'],
                         widthFixed : true,
                         ignoreCase: true,
                         widgetOptions : {
                            filter_columnFilters: false
                        }
 //used for searching specific items in the table
 $.tablesorter.filter.bindSearch( $table, $('input.search-sub-accounts'));
 items = $("table tbody tr");
                    perPage = 2;
                    numItems = items.length;
                    items.slice(perPage).hide();