或者，使用jQuery（JavaScript）和这些CSS参数来达到所需的结果：
添加两个新的CSS类：

<style type="text/css">
.TFtable tr.even {
    background: #dae5f4;
}
    .TFtable tr.odd {
    background: #b8d1f3;
}
</style>

最后是一些jQuery脚本：

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>    
<script>
    function updateRows() {
        $("table.TFtable tr:visible:odd").addClass("odd");
        $("table.TFtable tr:visible:even").addClass("even");
    }
</script>

执行函数：updateList（），每次隐藏/显示此表中的一行时。

<style type="text/css">
    .TFtable{
        width:100%; 
        border-collapse:collapse; 
    }
    .TFtable td{ 
        padding:7px; border:#4e95f4 1px solid;
    }
    /* provide some minimal visual accomodation for IE8 and below */
    .TFtable tr{
        background: #b8d1f3;
    }
    /*  Define the background color for all the ODD background rows  */
    .TFtable tr:nth-child(odd){ 
        background: #b8d1f3;
    }
    /*  Define the background color for all the EVEN background rows  */
    .TFtable tr:nth-child(even){
        background: #dae5f4;
    }
</style>
<table class="TFtable">
    <tr><td>Text</td><td>Text</td><td>Text</td></tr>
    <tr><td>Text</td><td>Text</td><td>Text</td></tr>
    <tr><td>Text</td><td>Text</td><td>Text</td></tr>
    <tr><td>Text</td><td>Text</td><td>Text</td></tr>
</table>

你可以通过CSS来实现。

使用纯css，
假设筛选的行添加了“.dn”类。

tbody>tr:nth-child(odd){
    background-color: #f9f9f9;
}
tbody>tr:nth-child(odd of :not(.dn)){
    background-color: #f9f9f9;
} 

tbody>tr:nth-child(even of :not(.dn)) {
  background-color: #fff;
}