如何使用jqgrid根据单元格数据应用行样式?

时间:2010-01-10 10:15:21

标签: css jqgrid

我的用例如下:

有一个像这样的表:

+------------------------------+
| NOTICE  | This is notice #1  |
| WARNING | This is warning #1 |
| NOTICE  | This is notice #2  |
| ERROR   | This is error  #1  |
+------------------------------+

我希望根据第一列的值为整行提供特定的背景颜色。

为了实现这一点,我想使用在行上应用的类,以便我可以使用以下内容轻松地对其进行换肤:

tr.NOTICE td {background-color: Yellow}
tr.WARNING td {background-color: Orange}
tr.ERROR td {background-color: OrangeRed}

不确定jqGrid是否可以使用自定义格式化程序?不知道如何

提前致谢

2 个答案:

答案 0 :(得分:5)

这对我有用:

afterInsertRow:function(rowid, rowdata, rowelem){
  var status = rowdata['status']; 
  if(status=='0'){
   $("tr.jqgrow#"+rowid).addClass("ui-state-error"); 
  }
}

答案 1 :(得分:4)

找到了一种方法:

$("#myGrid").jqGrid({
    ...
    gridComplete: function() {
    var _rows = $(".jqgrow");
    for (var i = 0; i < _rows.length; i++) {
      _rows[i].attributes["class"].value += " " + _rows[i].childNodes[0].textContent;
    }
});0