jqgrid 设置行背景色

在jQuery UI jqGrid中，你可以通过以下方式来设置表格行（行背景色）：

1. **批量设置特定列背景色**:
在`loadComplete`事件触发后，遍历表格行并针对某列应用特定颜色[^1]:

   loadComplete: function() {
       // ...其他代码...
       var trCell1 = $("#grid-table").children("tbody").find("tr");
       for (var i = 1; i < trCell1.length; i++) {
           $("#grid-table").children("tbody").children("tr").eq(i).find("td:eq(3)").css("background", "#09ee05"); // 3是你想要设置背景色的列的索引
       }
   },

2. **根据单个字段内容动态改变背景色**:
使用`cellattr`属性配合自定义函数来实现，当满足某个条件时（如字段值为'已提交'），设置该单元格的背景色[^2]:

   function addCellAttr(rowId, val, rawObject, cm, rdata) {
       if (rawObject.SubmitState == '已提交') {
           return "style='background-color:#7CCD7C'";
       }
   }

   // 在创建或初始化jqGrid时，设置cellattr
   $("#grid-table").jqGrid({
       ...,
       cellattr: function (rowId, cellValue, rowData, colInd,象素) {
           return addCellAttr(rowId, cellValue, rowData, colInd, rowData);
       },
   });