Jquery Bootgrid table 行颜色基于条件

Question

我想根据我的情况更改行颜色。我正在使用 Bootgrid js (http://www.jquery-bootgrid.com/Documentation)

示例如下：

我的条件可以是 1 或 0
如果是 1 则我需要红色背景色，如果是 0 - 默认值

这适用于 "normal" tables

<?php 
if(condition = 1){
  <tr class="red">
} else {
  <tr>
}
?>

我试过模板格式化程序，但它适用于整个 table 而不是我的条件

有谁知道这是否可能以及如何做到这一点？谢谢

Answer 1

您可以通过 2 种方法使用它

1) 缩短 if 语句如下

<tr <?PHP echo ($condition == 1 ? 'class="red"' : ''); ?>>

2) 普通if语句

<?php 
   if(condition == 1){
     <tr class="red">
   } else {
     <tr>
   }
?>

另一种方式

$a_json_row["status"] = 0; // success row
$a_json_row["status"] = 1; // info row
$a_json_row["status"] = 2; // warning row
$a_json_row["status"] = 3; // error row

下面的 js 代码扩展了状态映射。

$("#grid").bootgrid({
    statusMappings: {
        4: "wrong"
    }
});

Jquery Bootgrid table 行颜色基于条件

Jquery Bootgrid table row color based on condition

css

jquery-bootgrid