如何在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类。

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

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

也可以使用filter_defaultAttrib option更改此属性名称。