使用 DataTables 插件隐藏特定行？

Posted 2023-02-22

【中文标题】使用 DataTables 插件隐藏特定行？

【英文标题】：Hide specific rows using DataTables plugin?

【发布时间】：2010-11-12 01:30:09

【问题描述】：

我有一个网页，其中包含一个显示数据库数据的表格。有一个主要的<tr> 正在显示，另外一个<tr> 被隐藏并且仅在用户单击第一个主要<tr> 上的按钮时与jquery 一起显示。

我遇到的问题是，当我使用数据表插件时，它会找到所有行并对其进行计数，因此我在每个主行下有 11 行数据和 11 个额外的隐藏行。然后它显示在表格的按钮“显示 22 个条目中的 1 到 10 个”。我不希望 Datatables 计算或查看隐藏的行。我有办法解决这个问题。所有<tr>'s 都有ID 和类，所以我认为可能有一种简单的方法可以正确排序这些数据。

另外，当我单击主<tr> 以显示隐藏的<tr> 时，它不会在我单击的主<tr> 下向下滑动，而是在所有主<tr>'s 上方滑动。有人知道为什么吗？

Datatables Site []>

【参考方案1】：

计算行数的查询应该使用 ":visible" 属性。所以你的查询应该是这样的：

var entries = $("tr:visible").length;