Datatables JS - 基于数据值排名的条件格式

Question

我想根据值的等级，使用一种红绿灯系统，在下表的SCORE1列中格式化我的表格中的数据，例如，102的分数将为绿色，分数89分是YELLOW，7分是RED。

NAME | SCORE1 | SCORE2 | SCORE3
--------------------------------
Ken  |   89   |   56   |   78
Sue  |   102  |   34   |   43
Dave |   7    |   200  |   12

我的表格将包含3到30行，并且我希望根据颜色从绿色到红色的颜色对颜色略有不同的颜色。

可以使用一些花哨的Javascript / JQuery吗？

Answer 1

是，您可以轻松完成。

 var oTable = $('#countryTable').DataTable({ 
    'rowCallback': function(row, data, index){
    if(data[3]> 11.7){
        $(row).find('td:eq(3)').css('color', 'red');
    }
    if(data[2].toUpperCase() == 'EE'){
        $(row).find('td:eq(2)').css('color', 'blue');
    }
  }
});

这是一个fiddle来试验。