2016-06-28 96 views
0

我想根據我的情況更改行顏色。 我使用Bootgrid JS(http://www.jquery-bootgrid.com/DocumentationJquery Bootgrid錶行顏色基於條件

這裏是例子:

  • 我的條件可以是1或0
  • 如果it's 1比我更需要紅色的背景顏色,如果0 - 默認

這部作品的 「正常」 表

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

我已經嘗試 模板formater,但它適用於整個表格不符合我的條件

有沒有人知道這是可能的,以及如何做到這一點? THX

+0

請分享全部代碼 –

回答

0

您可以縮短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" 
    } 
}); 
+0

我已經找到了答案。它集成在Bootgrid中,所以我必須使用狀態和每個數字你在tempalte Bootgrid中使用的不同背景顏色(1成功2警告,3危險...) – JohnWayneX

+0

是我更新了我的答案 –