如何改变jqGrid单元格的颜色？

我在$（document）.ready（

$("#stSearchTermsGrid").setCell(2, 2, '', {color:'red'}) ; 

但它不起作用。 我是把它写错了，还是把它放在了错误的地方。

我知道这个问题已经被问过不止一次了，这就是我得到的第一行。 但是我仍然无法做到，不知道问题出在哪里。

Answer 1

你是对的，你不是第一个问这个问题的人。 为了清除与单元格颜色的情况，我做了演示

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

 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> 

和“3”，“4”，“6”，“8”，“10”和“12”是相应列的颜色将被改变的行的行号。

顺便说一句，我个人的最爱是使用“ui-state-highlight”或“ui-state-error ui-state-error-text”类的方式，它们是jQuery UI Themes的一部分。

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