斑马条纹 - Tablesorter vs Sieve答案

【问题标题】：Zebra striping - Tablesorter vs Sieve斑马条纹 - Tablesorter vs Sieve
【发布时间】：2017-07-01 16:26:34
【问题描述】：

我有一些表使用 jQuery 插件 'tablesorter' 来轻松排序。最近，我发现它包含一个斑马条纹小部件。我启用了它，它运行良好。

我还决定添加'Sieve' plugin，以替代现有的自制表格搜索功能，这就是我的问题所在 - 在搜索期间或之后没有重做条带化，导致表格不均匀且不匹配。

到目前为止，我还没有找到让它手动刷新的方法，而且我不确定如果有的话我会把它放在哪里 - 在 sieve .js 文件中？有没有办法让这两个插件相互配合？

【问题讨论】：

你为什么不使用tablesorter过滤？ mottie.github.io/tablesorter/docs/example-widget-filter.html
我想你会发现原来的 tablesorter 自 2008 年左右以来就没有更新过，并且至少有一个 fork by Mottie 得到积极维护 - 并且在更新日志中提到了斑马条纹。为了给自己最大的成功机会，我建议使用 Mottie's fork。
@charlietfl 好吧，直到我阅读了您和 Roamer 的 cmets，我才知道它的存在。我继承应用程序时附带的版本。我找到了一个与 mottie.github.io/tablesorter/docs/… 等效的 Sieve，但是，我不确定该示例中的 JS 代码应该放在哪里。你知道吗？
看demo源码

标签： jquery tablesorter sieve zebra-striping

【解决方案1】：

如果您想使用 Sieve 插件，此代码将适用于原始版本的 tablesorter 或我的fork of tablesorter (demo)：

$(function () {
    var $table = $('table');

    $table
        .tablesorter({
            widgets: ['zebra']
        })
        .sieve({
            complete: function(){
                // update the zebra widget after Sieve completes
                $table.trigger('applyWidgets');
            }
        });

});

【讨论】：

非常感谢！我已经更新到你的 fork，感谢上面的 sn-p，一切正常。如果您好奇，我目前没有使用过滤小部件，因为它不能很好地处理分隔的单词 - 例如。在“A、B、C、D”项目列表中，我无法搜索“A C”并获得结果，而我可以在 Sieve 中做到这一点。当然，也有缺点，但至少目前我会坚持使用混合动力。
过滤器小部件允许输入正则表达式，它还支持“AND”和“OR”运算符。因此，要查找多个项目，请搜索“A|B|C|D”。完整的过滤器类型列表可以在 this page 的手风琴注释部分内的表格中找到。