Javascript Datatables JS-基于数据值排名的条件格式
我想使用一种交通灯系统,根据值的等级在我的表格中格式化数据,例如,在下表的SCORE1列中,102分为绿色,89分为黄色,7分为红色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行,我想根据它们的排名将这些值涂成
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]
那么,对于列中的每个值,红色和绿色之间的颜色梯度是什么?是的,所以排名靠前的值应该是亮绿色,排名第二的是略浅的绿色,从黄色变为红色。困难的部分是确定每个值的等级。