我正在使用数据表插件。我的表包含一个列名 css,其中包含该行中列的 css.
例如,数据库中的表如下,
Name Priority Percent CSS
---------------------------------------------------------
abc high 50 .priority{color:red} .percent {color:yellow}
xyz low 70 .priority{color:green} .percent {color:green}
pqr medium 10 .priority{color:yellow} .percent {color:red}
现在,在显示数据表时,我不想包含css列,但我想在perticular cell上应用css。我正在尝试实现以下目标,
$('#example').dataTable({
"fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
$(row).children().each(function(index, td){
// perform operation here
});
return nRow;
}
我不明白如何使用同一行<td>
的 css 为特定<td>
添加 css。
请帮忙
它未经测试,但可能对您有用。 在文档就绪处理程序中使用它。
$("td:contains('high')").css({"color":"red"});
$("td:contains('high')").next('td').css({"color":"yellow"});
同样适用于其他TD:
$("td:contains('low')").css({"color":"green"});
$("td:contains('low')").next('td').css({"color":"green"});
和
$("td:contains('medium')").css({"color":"yellow"});
$("td:contains('medium')").next('td').css({"color":"red"});
如果这能解决或有帮助,请尝试此操作。