排序、搜索（过滤）、分页 HTML 表格答案

【问题标题】：Sort, Search(Filter), Paginate HTML Table排序、搜索（过滤）、分页 HTML 表格
【发布时间】：2023-03-18 00:35:01
【问题描述】：

我想对 HTML 表进行排序、分页和搜索（基于列搜索）。我正在查看各种 JQuery 插件，如 DataTable、TableSorter、Picnet Table Filter 等，但我找不到任何可以完成所有 3 项工作（搜索、排序和分页）的插件。我在 PHP Yii 框架中看到过这样的表格，但他们有自己的 CSS，然后我将不得不用 Yii 重写我的整个项目。 DataTable 确实有一个过滤器选项，但是它将沿着所有列搜索一个值。我想要的是只搜索一列。我不确定我是否能用 DataTable 做到这一点。有谁知道是否有任何 JQuery Plugin 或任何其他方法可以做到这一点

【问题讨论】：

DataTable 允许您应用搜索、排序和分页。您甚至可以在主页上的示例标题下看到它...您还可以对其进行自定义以符合您的要求。 [1]：datatables.net/index

标签： php javascript jquery html jquery-plugins

【解决方案1】：

在 DataTables 的演示中找到这个：http://www.datatables.net/release-datatables/examples/api/multi_filter.html

应该满足您的所有 3 个要求。

【讨论】：

哦，非常感谢 Björn 和 Andrzej Ośmiałowski。这确实会解决我的问题
如果我不想使用数据表怎么办？对于大数据数据表太慢了。我的表中有大约 300,000 个数据，并且数据表需要太多时间来加载。所以我做了一个自定义分页并搜索搜索选项我该怎么办？
@xravn 使用 Datatable 服务器端处理。这将限制加载分页的记录数。使用 Datatable 插件本身不要自己编写，因为它支持搜索、排序和其他功能，因为它是开源的，有许多插件为其贡献了它，您可能会发现它们对以后的实现和升级很有用
有没有类似的东西，但使用 php？

【解决方案2】：

JP 列表 将是满足您要求的完美列表>> https://jplist.com/ .

那些想要使用 Divs 元素、画廊、其他 html 元素而不是表格的人，这将是完美的 jQuery 插件。这包括分页、排序、过滤等。一站式服务。演示：https://jplist.com/demo

【讨论】：