我正在使用
jquery datatables plugin，它似乎是一个有用的插件，采用一个常规的html表，并添加排序，过滤，分页等
我看到的一个问题是，当我搜索它似乎没有更新“奇怪”/“偶数”行类，所以如果我的表有100行，但是当我过滤它有10可能是所有10是相同的背景颜色或8是相同的背景颜色
我看到同样的问题，我排序一列之后，它可能会“堆积”一堆行与同样的背景颜色，我排序后一列。
解决方法
原因
默认情况下，此功能可用。很可能是这种不正常行为的原因：
你可以覆盖CSS中的奇数和偶数类，或者
>您的代码过滤后会影响表结构
解决方案#1
> Default styling或jQuery UI或Foundation
使用您的< table>的类显示如下所示。有关所有可用类的列表，请参阅Default styling options。
<table id="example" class="display" cellspacing="0" width="100%">
参见this jsFiddle进行演示。
> Bootstrap
对你的< table>使用类table table-stripe table-bordered如下所示：
<table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">
参见this jsFiddle演示。
解决方案#2
如果有一个CSS规则覆盖奇数和偶数类，您可以指示jQuery数据表使用替代类而不是stripeClasses选项。
$('#example').DataTable( {
"stripeClasses": [ 'odd-row','even-row' ]
} );
