如何根据jQuery数据表中的列值设置表行的颜色

Question

我正在使用jQuery datatables.I有如下数据

Column1 Column2 Column3
-----------------------
 AAA    BBB     CCC
 AAA    GGG     YYY
 BBB    ooo     LLL

现在在前1行的第1列中,我有相同的值AAA.我想对这些行应用一些颜色.然后是第三行的另一种颜色.就像我有30条记录.是否可以这样做.如果可能,我该怎么做this.I我正在使用jQuery数据表.谢谢提前..

Answer 1

使用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;
        }
    }
});

演示:小提琴

Answer 2

API最近发生了变化,你现在应该使用aData ['Column1']而不是aData [0]