设置 jqgrid 子表的背景颜色_给子表背景加颜色-优快云博客

本文链接：https://blog.youkuaiyun.com/u012834856/article/details/21173929

这篇博客介绍了如何在jqGrid子表中修改单元格和表头的颜色。通过loadComplete事件，动态设置子表的header颜色为蓝色，并根据特定条件（如数据差异大于0.5）改变单元格颜色为红色。同时，设置了所有行数据的颜色为蓝色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

loadComplete: function (data) {
                  var ids =   jQuery("#"+subgrid_table_id).getDataIDs();
                  $.each(ids,function(idx,rowId){
                      rowData = jQuery("#"+subgrid_table_id).getRowData(rowId);
                      //if(rowData.rowName == ''){
                          jQuery("#"+subgrid_table_id).setRowData(rowId,false,{color:"blue"});
                       // }
                      });

}//loadComplete

loadComplete: function (data) {
                  var ids =   jQuery("#"+subgrid_table_id).getDataIDs();
                  //subgrid head color
                  var i ;
                  var headStr=["checkDtm081","rowNum01","mix081","mixDiff1"
                              ,"mix082","mixDiff2","mix083","mixDiff3","temp081","mixTempDiff","temp082","rowNum02","max09"
                              ,"min09","rowNum03","min19","max19"];
                  for(i = 0 ; i < 17; i++){
                      jQuery("#"+subgrid_table_id).jqGrid('setLabel',headStr[i], '', {'color':'blue'});
                      }
               //편차 data color cell color
                  var ids = jQuery("#"+subgrid_table_id).getDataIDs();
                  for(var i = 0 ;i <ids.length ; i++){
                      var mixTempDiff =   jQuery("#"+subgrid_table_id).getCell( ids[i],"mixTempDiff" );
                      if ( mixTempDiff > 0.5 ) { jQuery("#"+subgrid_table_id).setCell ( ids[i],"mixTempDiff",mixTempDiff,{color:"red"}); }

                  }
                  //subgrid data color
                  $.each(ids,function(idx,rowId){
                      rowData = jQuery("#"+subgrid_table_id).getRowData(rowId);
                          jQuery("#"+subgrid_table_id).setRowData(rowId,false,{color:"blue"});
                      });

              },//loadComplete