jquery - 数据表使用 rowcallback 更改行颜色

Question

我正在使用数据表，并且当前如果语句满足要求，则将行更改为另一种颜色，已经尝试了很多方法，但它有非常奇怪的错误，我的代码是:

"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)

感谢您的帮助!

Answer 1

您似乎有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')
  } 
}      

演示 -> http://jsfiddle.net/104o96cn/