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

前端之家收集整理的这篇文章主要介绍了jquery dataTables插件可以在排序/过滤后面对替代行颜色吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 jquery datatables plugin,它似乎是一个有用的插件,采用一个常规的html表,并添加排序,过滤,分页

我看到的一个问题是,当我搜索它似乎没有更新“奇怪”/“偶数”行类,所以如果我的表有100行,但是当我过滤它有10可能是所有10是相同的背景颜色或8是相同的背景颜色

我看到同样的问题,我排序一列之后,它可能会“堆积”一堆行与同样的背景颜色,我排序后一列。

无论如何,数据插件插件可以在过滤器之后重新应用均匀/奇怪的样式,所以无论你在过滤什么,总是有交替的行背景色?

解决方法

原因

默认情况下,此功能可用。很可能是这种不正常行为的原因:

你可以覆盖CSS中的奇数和偶数类,或者
>您的代码过滤后会影响表结构

解决方案#1

> Default stylingjQuery UIFoundation

使用您的< 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.f2er.com/jquery/182494.html

猜你在找的jQuery相关文章