jquery dataTables插件可以在排序/过滤后面对替代行颜色吗？

我正在使用 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' ]
} );

原文地址：https://www.jb51.cc/jquery/182494.html