如何使用 jqgrid 根据单元格数据应用行样式？答案

【问题标题】：How to apply rows style depending on cell data with jqgrid?如何使用 jqgrid 根据单元格数据应用行样式？
【发布时间】：2010-01-10 10:15:20
【问题描述】：

我的用例如下：

有一张这样的桌子：

+------------------------------+ |通知 |这是通知#1 | |警告 |这是警告 #1 | |通知 |这是通知#2 | |错误 |这是错误 #1 | +------------------------------+

我想根据第一列的值为整行设置特定的背景颜色。

为了实现这一点，我想利用一个应用在行上的类，以便我可以轻松地使用它：

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

不确定是否可以使用 jqGrid，也许可以使用自定义格式化程序？不知道怎么做

提前致谢

【问题讨论】：

标签： css jqgrid

【解决方案1】：

这对我有用：

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

【讨论】：

两个答案看起来都相关，推荐哪一个？

【解决方案2】：

找到了一种方法：

$("#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

【讨论】：

两个答案看起来都相关，推荐哪一个？