jqgrid中第三行的背景颜色答案

【问题标题】：background color for third row in jqgridjqgrid中第三行的背景颜色
【发布时间】：2015-11-25 17:09:56
【问题描述】：

jqgrid如何设置第三行的背景色？

$("#mygrid").jqGrid({
            url: someUrl,
            datatype: 'local',
            jsonReader: common.jqgrid.jsonReader(),
            mtype: 'POST',
            colNames: [//columns names go here],               
            colModel: [//columns go here
            ],               
            loadtext: 'Loading...',
            width: 500,
            height: 80,
            caption: 'Statistics',
            loadComplete:function(data) {   
             //do I set the color here?
            }               
        });

【问题讨论】：

对不起，“jqgrid 中第三行的背景颜色”看起来很奇怪。我假设您通过其他一些标准来识别行：行的 id、某些列中的特定内容或一般输入数据中的特定内容等等。排序后，3-d 行可能有另一个位置。此外，您发布的代码非常不清楚。 $("#mygrid) 应固定为$("#mygrid")，url: someUrl, mtype: 'POST', jsonReader 在使用datatype: 'local' 时会被忽略，应使用data 参数加载本地数据。最后，绝对不清楚如何用数据填充 jqGrid。
Oleg，如何将css类添加到jqgrid的第三行？它总是第三行。我认为问题很明确。
我试图向你解释，这是错误的状态问题。您是否有一些特定于该行的其他信息？此外，了解如何用数据填充网格非常重要。您能否在问题中包含信息并修复您发布的代码？还需要知道您使用哪个版本的 jqGrid 以及哪个分支。
版本 4.4.4。网格是从 someUrl 动态填充的。
您是否有其他一些信息作为 3-d 行，这是特定于该行的？我的意思是内容而不是行的位置。为某行设置样式的最佳方法是使用rowattr 回调（请参阅the answer）。 4.4.4 是很老的版本，但它包含了对rowattr 回调的支持。要从url 加载数据，必须将其他datatype 设为'local'。您使用哪一个（'xml'、'json'、'jsonp'）？有人使用addRowData 填写数据。在使用 addRowData 的情况下，rowattr 将不被调用。

标签： css jqgrid

【解决方案1】：

这是我的解决方案：

var tr = $("#myGrid").jqGrid("getInd", secondRowId, true);
$(tr).addClass("subheaderrow");

CSS：

.subheaderrow {
    background-color: rgb(0,71,124);
    color: #fff;
}

【讨论】：

【解决方案2】：

尝试以下 css。你不需要在loadComplete函数中做任何事情。

#mygrid > tbody > tr:nth-of-type(4){
    background: red;    
}

Js Fiddle 链接：http://jsfiddle.net/yNw3C/12234/

【讨论】：