2015-08-27 129 views
0

我有一个包含使用jQuery数据表库的多列数据的表。JQuery数据表初始化后突出显示行

其中一列是过期日期。我想突出显示过期日期已过的列,因此管理员可以直观地选择哪些需要更新,而无需实际读取每个日期。

这里是我的表是什么样子:

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

我的问题是,有没有什么办法可以在页面加载后循环遍历表格,并在结束日期列已经通过时修改CSS以突出显示行(并使其适用于数据表的每一页,而不仅仅是当前页面)?

任何人都可以指向正确的方向吗?我不知道是否有我想要的内置函数,或者如果我将不得不做一点小事,但我想我会先在这里检查。

+0

能否请你展示在JavaScript中的数据表初始化代码见本jsfiddle?您是使用客户端还是服务器端处理? –

回答

0

如果你使用的数据表1.9可以使用fnRowCallback此:

在这个例子中,每行处理后(但尚未呈现)回调方法运行,我们正在检查是否第5列中的值等于'A',如果为true,则类hilite应用于该行内的每个<td>

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

的工作示例