datatables 根据值得不同添加颜色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了datatables 根据值得不同添加颜色相关的知识,希望对你有一定的参考价值。

        "createdRow": function ( row, data, index ) {
                if ( data[2] <=50 ) {
                    $(‘td‘, row).eq(2).css(‘backgroundColor‘,‘#00E400‘),
                    $(‘td‘, row).eq(2).css(‘color‘,‘#fff‘);
                }else if ( data[2] <=100 ) {
                    $(‘td‘, row).eq(2).css(‘backgroundColor‘,‘#FFFF00‘);
                }else if ( data[2] <=150 ) {
                    $(‘td‘, row).eq(2).css(‘backgroundColor‘,‘#FF7E00‘);
                    $(‘td‘, row).eq(2).css(‘color‘,‘#fff‘);
                }else if ( data[2] <=200 ) {
                    $(‘td‘, row).eq(2).css(‘backgroundColor‘,‘#FF0000‘);
                    $(‘td‘, row).eq(2).css(‘color‘,‘#fff‘);
                }else if ( data[2] <=300 ) {
                    $(‘td‘, row).eq(2).css(‘backgroundColor‘,‘#99004C‘);
                    $(‘td‘, row).eq(2).css(‘color‘,‘#fff‘);
                }else if ( data[2] >=300 ) {
                    $(‘td‘, row).eq(2).css(‘backgroundColor‘,‘#7E0023‘);
                    $(‘td‘, row).eq(2).css(‘color‘,‘#fff‘);
                }
            },    

 

 

以上是关于datatables 根据值得不同添加颜色的主要内容,如果未能解决你的问题,请参考以下文章

如何根据值更改jquery dataTable中的行颜色

数据表:根据值更改单元格颜色

迭代表并根据跨度值更改td背景颜色

iOS 绘制颜色渐变圆环 --- 值得一看

jQuery DataTables:如何添加类if the string exists in the?

如何在Scatter Google Charts中显示两种不同的颜色?