Jqgrid set cell background color

Question

In "Custom data tooltips in jqGrid 3.4" discussion, came to know how to use setcell to change the color of the text inside a cell of jqgrid. How can we change the background color of the cell?

Tried the following

jQuery("#list").setCell (row,col,'',{ background-color:'red'})

jQuery("#list").setCell (row,col,'','',{ bgcolor:'red'}

Thanks.

Answer 1

jQuery('#list').setCell('12','name','',{'background-color': 'red'},'');

Are you putting the right row id? The right colName?

You are also missing the quotes in background-color.

Answer 2

Hi,

$("#list tr:nth-child(3) td:nth-child(2)").css("color", "red"); => Works

$("#list tr:nth-child(3) td:nth-child(2)").css("background-color", "red"); => Doesnt Work.

Did the above work for you with jqgrid? I am using IE. thanks.

Answer 3

"the redmond.css file and it was overwriting the api changes" I am having the same problem but how to get around this? Can someone elaborate

Answer 4

Use background instead of specific rules like background-color:

jQuery("#list").setCell (row,col,val,{background:'#ff0000'});

Answer 5

jQuery("#list").setCell (row,col,'',{ 'background-color':'red'})

This did not work in IE for me (fine in firefox and chrome), so I did what Jon Weers suggested and switched to:

jQuery("#list").setCell (row,col,'',{'background':'#ff0000'});

and this worked in firefox, chrome, and IE for me.

Sorry, my account is too new to vote up, or apparently comment, otherwise I'd simply vote up Jon's post.