【问题标题】:Jquery Bootgrid table row color based on condition基于条件的Jquery Bootgrid表格行颜色
【发布时间】:2016-06-28 12:35:53
【问题描述】:

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

示例如下:

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

这适用于“普通”表

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

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

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

【问题讨论】:

  • 请分享所有代码

标签: css jquery-bootgrid


【解决方案1】:

你可以用两种方法来使用它

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

【讨论】:

  • 我找到了答案。它集成在 Bootgrid 中,因此我必须使用 Status 以及您在模板中拥有的每个数字Bootgrid 使用不同的背景颜色(1-成功 2 警告,3 危险...)
猜你喜欢
  • 1970-01-01
  • 2016-11-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-08-18
  • 2018-11-25
相关资源
最近更新 更多