jquery - 斑马条纹 - Tablesorter vs Sieve

Question

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

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

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

Answer 1

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

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

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

});