如何根据jQuery数据表中的列值设置表行的颜色
如何根据jQuery数据表中的列值设置表行的颜色
提问于 2013-05-03 15:05:37
我使用的是jQuery数据表，我的数据如下
Column1 Column2 Column3
-----------------------
AAA BBB CCC
AAA GGG YYY
BBB ooo LLL现在，在column1中，对于前两行，我有相同的值，AAA.I想要将一些颜色应用于这些数据，然后将另一种颜色应用于第三个rows.And。我有30个row.Like，这是可能的，我可以如何做到这一点。我正在预先使用jQuery data tables.Thanks。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-05-03 15:26:21
使用fnRowCallback (或更新的rowCallback)来实现这一点
$('#example').dataTable({
"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
switch(aData[0]){
case 'AAAA':
$(nRow).css('color', 'red')
break;
case 'BBBB':
$(nRow).css('color', 'green')
break;
case 'CCCC':
$(nRow).css('color', 'blue')
break;
}
}
});演示：Fiddle
Stack Overflow用户
发布于 2015-05-19 23:29:19
API最近已更改，现在应使用数据“Column1”而不是aData。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16353455
复制相关文章
相似问题