Datatable使用rowcallback更改行颜色
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Datatable使用rowcallback更改行颜色相关的知识,希望对你有一定的参考价值。
我正在使用数据表,如果STATEMENT满足要求,目前仍然在将行更改为另一种颜色,已经尝试了很多东西,但它确实有很奇怪的错误,我的代码是:
"rowCallback": function( row, data, index ) {
if ( data[2] < data[4] ) {
$('td', row).css('background-color', 'pink');
}
}
在我的响应文件中,我写了这个查询:
$sql = "SELECT itemid,itemname,stock,unit,minimum FROM item WHERE type LIKE 'homecare'";
如果项目的库存低于用户设置的最小值,我想更改行颜色。
我运行的示例测试结果:
- 低于10且高于最低值=不变
- 10以上=红色<<它应该是不变的,因为它高于最小值
- 50及以上=不变
行'最小'列的数据库设置是相同的数字(5)
谢谢你的帮助!
答案
您似乎有9 cc
,10 cc
以及stock
列中的值?如果要进行数字比较,则必须将每列的编号作为数字提取。我还要在.pink
上添加一个<tr>
类,而不是在所有background-color
上设置<td>
。
"rowCallback": function( row, data, index ) {
var stock = parseFloat(data[0]), //data[2]
minimum = parseFloat(data[1]), //data[4]
$node = this.api().row(row).nodes().to$();
if (stock < minimum ) {
$node.addClass('pink')
}
}
但是ー> z zxswい
另一答案
新数据表具有以下用于突出显示行的功能:
http://jsfiddle.net/104o96cn/
以上是关于Datatable使用rowcallback更改行颜色的主要内容,如果未能解决你的问题,请参考以下文章