斑马条纹 - Tablesorter vs Sieve

时间:2014-11-07 01:54:41

标签: jquery tablesorter sieve zebra-striping

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

我还决定添加'Sieve' plugin,作为现有的自制表格搜索功能的替代方案,以及我的问题出现的地方 - 在搜索期间或之后不会重做条带化,离开桌子不平整,不匹配。

到目前为止,我还没有找到一种方法让它手动刷新,而且我不知道如果有的话我会把它放在哪里 - 在筛子.js文件中?有没有办法让这两个插件相互配合好玩?

1 个答案:

答案 0 :(得分:1)

如果您想使用Sieve插件,此代码可以使用原始版本的tablesorter或我的fork of tablesorterdemo):

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

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

});