在 tr 上使用 hide 后如何使用过滤器

Question

我目前在遗留项目上使用 tablesorter 来添加过滤，但我遇到了一个问题：如果您手动使用 $("#tbody>tr").hide()，则 $("#tbody>tr.someClass").show()，过滤似乎不起作用（我认为 tablesorter 丢失了他对 tr 的引用...但我找不到如何告诉它更新他的内部引用）。

这里是这种行为的一个例子： https://jsfiddle.net/f2qdz3dp/

Answer 1

当您使用自定义主题时，您需要添加 css:

.filtered {
  display: none;
}

您可以通过修改 filter_filteredRow option 来重命名 css class。

此外，您可以通过在 header 单元格中包含 data-value 属性来设置初始搜索值：

<td class="info" ... data-value="bla">info</td>

也可以使用 filter_defaultAttrib option.

更改此属性名称

在 tr 上使用 hide 后如何使用过滤器

How to use filter after using hide on tr

tablesorter