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

【问题标题】：How to change the background color or a Table cell depending on other column value in Jquery Datatable?如何根据 Jquery Datatable 中的其他列值更改背景颜色或表格单元格？
【发布时间】：2015-03-07 18:17:21
【问题描述】：

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

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

表格有三列名称、价格和数量。

如果数量大于 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/

【问题讨论】：

标签： jquery

【解决方案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/

【讨论】：