我有一个包含多列数据的表,这些数据列使用了jQuery的数据表库。
其中一列是失效日期。我想突出显示过期日期已经过去的列,以便管理员可以直观地挑选出需要更新的内容,而无需实际阅读每个日期。
以下是我的表格:
结束日期是应该检查的列。问题是因为我使用jquery的生成器方法我不想修改它以检查过去的日期,因为我在其他几个页面上使用相同的方法。
我的问题是,是否有任何方法在页面加载后循环遍历表格并修改CSS以在结束日期列已过去时突出显示该行(并使其适用于数据的每个页面)表,而不仅仅是当前页面?
有人能指出我正确的方向吗?我不知道是否有我想要的内置功能,或者我是否需要进行一些黑客攻击,但我想我先在这里查看。
答案 0 :(得分: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;
}
有关工作示例,请参阅此jsfiddle