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

Javascript Datatables JS-基于数据值排名的条件格式,javascript,jquery,css,datatables,Javascript,Jquery,Css,Datatables,我想使用一种交通灯系统,根据值的等级在我的表格中格式化数据,例如,在下表的SCORE1列中,102分为绿色,89分为黄色,7分为红色 NAME | SCORE1 | SCORE2 | SCORE3 -------------------------------- Ken | 89 | 56 | 78 Sue | 102 | 34 | 43 Dave | 7 | 200 | 12 我的表将包含3到30行,我想根据它们的排名将这些值涂成

我想使用一种交通灯系统,根据值的等级在我的表格中格式化数据,例如,在下表的SCORE1列中,102分为绿色,89分为黄色,7分为红色

NAME | SCORE1 | SCORE2 | SCORE3
--------------------------------
Ken  |   89   |   56   |   78
Sue  |   102  |   34   |   43
Dave |   7    |   200  |   12
我的表将包含3到30行,我想根据它们的排名将这些值涂成稍微不同的颜色,从绿色到红色


这可以使用一些奇特的Javascript/JQuery来完成吗?

是的,您可以轻松地完成

 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');
    }
  }
});

这是一个实验。

这并不是我所需要的,我需要根据等级分配数字的颜色,因此如果我指定最高分数应为绿色,则每列中的最高分数应为绿色,第二高分数应为黄色,等等。您可以为此创建规则。类似这样:
var green=70;var-red=30;if(data[index]>green){…}if(data[index]
那么,对于列中的每个值,红色和绿色之间的颜色梯度是什么?是的,所以排名靠前的值应该是亮绿色,排名第二的是略浅的绿色,从黄色变为红色。困难的部分是确定每个值的等级。