Jquery ui 如何更改jqGrid单元格的颜色？

我在$（文档）处使用以下行。准备好了吗(

但它不起作用。是我写错了还是放错了地方

---

我知道这个问题以前被问过不止一次，这就是我获得第一行的原因。但我仍然无法做到这一点，也不知道问题出在哪里。

你是对的，你不是第一个问这个问题的人。为了用我制作的单元格颜色来澄清这个问题

对于以不同方式更改单元格文本颜色或单元格背景颜色的用户：

loadComplete: function() {
    // 2 is zero-base index of the column 'name' ('Client'). Every from the options
    // multiselect:true, rownumbers:true and subGrid:true will increase
    // the index by 1 because the option inserts additional columns
    $("#6 td:eq(2)", grid[0]).css({color:'red'});

    grid.jqGrid('setCell',"12","name","",{color:'red'});
    grid.jqGrid('setCell',"10",'name', '', 'my-highlight');
    grid.jqGrid('setCell',"8",'name', '', 'ui-state-error ui-state-error-text');

    grid.jqGrid('setCell',"4","name","",{'background-color':'yellow',
                                         'background-image':'none'});
    grid.jqGrid('setCell',"3","name","",'ui-state-highlight');
}

在哪里

.my highlight{颜色：红色；}

“3”、“4”、“6”、“8”、“10”和“12”是将更改相应列颜色的行的第行ID

顺便说一下，我的个人收藏夹是使用“ui状态突出显示”或“ui状态错误ui状态错误文本”类的方式，这些类是

更新：为了了解在使用另一个jQuery UI主题时不同方法的使用差异，我添加了used La Frog主题，其中与上面相同的表如下所示：

---

我更新了我的答案，将两种样式的“ui状态错误ui状态错误文本”一起使用，而不是以前只使用一个“ui状态错误文本”。如果我想更改jqgrid添加/编辑表单的css，该怎么办？@ankit5607san：不客气！jqgrid的当前版本支持

cellattr

（请参阅和）在

loadComplete

的内部使用

setCell

时，更推荐使用它@Oleg:这太棒了。但是，我想更改一列中所有单元格的CSS，这些单元格的名称和索引我都有。@HardikMishra:Te答案非常旧。现在还有其他方法可以这样做。您可以使用

cellatr

（请参阅我上面的另一条评论）。如果您需要在某些列上不带任何条件地设置一些附加CSS，您只需使用

类

属性即可（请参见）@Oleg:我知道

类

属性，并且我已经使用了它。但是我有一个功能，名为“冻结列”我需要为此更改CSS。我随身带着colId和colName。@HardikMishra:如果你能发布一个新问题，详细描述这个问题，可能会更好。

loadComplete: function() {
    // 2 is zero-base index of the column 'name' ('Client'). Every from the options
    // multiselect:true, rownumbers:true and subGrid:true will increase
    // the index by 1 because the option inserts additional columns
    $("#6 td:eq(2)", grid[0]).css({color:'red'});

    grid.jqGrid('setCell',"12","name","",{color:'red'});
    grid.jqGrid('setCell',"10",'name', '', 'my-highlight');
    grid.jqGrid('setCell',"8",'name', '', 'ui-state-error ui-state-error-text');

    grid.jqGrid('setCell',"4","name","",{'background-color':'yellow',
                                         'background-image':'none'});
    grid.jqGrid('setCell',"3","name","",'ui-state-highlight');
}

<style type="text/css">
    .my-highlight { color: red; }
</style>