JQuery数据表在初始化后突出显示行

时间:2015-08-27 16:05:02

标签: javascript jquery css datatables

我有一个包含多列数据的表,这些数据列使用了jQuery的数据表库。

其中一列是失效日期。我想突出显示过期日期已经过去的列,以便管理员可以直观地挑选出需要更新的内容,而无需实际阅读每个日期。

以下是我的表格:

enter image description here 结束日期是应该检查的列。问题是因为我使用jquery的生成器方法我不想修改它以检查过去的日期,因为我在其他几个页面上使用相同的方法。

我的问题是,是否有任何方法在页面加载后循环遍历表格并修改CSS以在结束日期列已过去时突出显示该行(并使其适用于数据的每个页面)表,而不仅仅是当前页面?

有人能指出我正确的方向吗?我不知道是否有我想要的内置功能,或者我是否需要进行一些黑客攻击,但我想我先在这里查看。

1 个答案:

答案 0 :(得分:0)

如果您正在使用数据表1.9,则可以使用fnRowCallback

在此示例中,回调方法在处理完每一行(但尚未呈现)后运行,并且我们要检查第5列中的值是否等于A&#39;以及是否如果为true,则类hilite将应用于该行中的每个<td>

"fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
    if(aData[4] == 'A'){
        $(nRow).children().each(function (index, td) {
              $(this).addClass('hilite');
        });   
    }
    return nRow;
}

有关工作示例,请参阅此jsfiddle