如何根据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,但这只适用于那个特定的细胞,而不适用于其他细胞
有人可以帮助我,如何解决这个问题?
答案 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/