如何根据Jquery Datatable中的其他列值更改背景颜色或表格单元格?

时间:2015-03-07 09:35:08

标签: jquery

如何根据Jquery Datatable中的其他列值更改背景颜色或表格单元格

在这个小提琴中http://jsfiddle.net/5fbo72rm/4/

该表有三个coulmns 名称,价格和数量

如果数量大于40000

,如何更改该名称单元格的背景颜色
<table id="allwl">
    <th class="hidden-480">Price</th>
    <th class="hidden-480">Volume</th>
    <th class="hidden-480">Quantity</th>
</table>

var dataSet = [
    [
        "1441.75",
        "100"],
    [
        "1614.45",
        "50"

    ],
    [
        "834.15",
        "3000"]

];

var array_names = ["APPLE", "WHIRLPOOL", "SAMSUNG"];

for (var key in dataSet) {
    if (dataSet.hasOwnProperty(key)) {
        dataSet[key].splice(0, 0, array_names[key]);
    }
}

$(function () {
    $('#allwl').dataTable({
        "iDisplayLength": -1,
            "data": dataSet,
            "columns": [{
            "title": "Name"
        }, {
            "title": "Price"
        }, {
            "title": "Quantity"
        }]
    });
})

我尝试过使用createdcell,但这只适用于那个特定的细胞,而不适用于其他细胞

有人可以帮助我,如何解决这个问题?

http://jsfiddle.net/5fbo72rm/6/

1 个答案:

答案 0 :(得分:1)

$(document).ready(function(){
$('#allwl tr').each(function() {
    var abc = $(this).children('td').eq(2).html();
    if(!abc) {
    return false;
    }
    else {
        if(abc > 40000) {
            $(this).children('td').eq(0).css('background-color', 'red');
        }
    }
});
});

这是你的jsfiddle http://jsfiddle.net/sjkurani/5fbo72rm/9/