table 在 jsfiddle 上的搜索结果

Question

我想在我的网站中添加一个 table，顶部有一个搜索栏。但是我希望隐藏 table 结果，然后在搜索时显示一个结果。所以换句话说，搜索栏显示下面的结果。

例如，这个 table 我在顶部创建了一个搜索栏，并隐藏了所有结果，直到搜索到 - jsfiddle。net/abkNM/6339/

Answer 1

我不确定你为什么要这样做，因为它与用户的期望相反，但你只需要这段额外的代码 (demo):

$('table').on('filterEnd', function(){
    if ( this.config.lastSearch.join('') === '') {
        $(this).children('tbody').children().addClass('filtered');
    }
});