how to change bgcolor of one column in a specific in a grid

[humpdi]

hey guys!

one question, how could a change the backgroundcolor of one column in a specific row in my grid?
have nothing found about this..

should look like this:

-------|---------------|----------------|
-------|---------------|----------------|
-------|-- bg=red --|----------------|
-------|---------------|----------------|
-------|---------------|- bg=green -|

[Animal]

Where containerId contains the ID of the GridPanel's element, and colNo is the zero-based column number:



Ext.util.CSS.updateRule("#" + containerId + " .x-grid-cell-" + colNo, "background-color", "green");

[jack.slocum]

Or, if using Ext 1.0, add a css class to the cell using the template parameters in column renderer:


function renderFoo(value, p, record){
if(...){
p.css = 'some-css-class-with-bg-color';
}
return value;
}

[humpdi]

thank you 2!

[mdelanno]

In the code of Animal, .x-grid-cell should be replaced by .x-grid-td. It works, but it changes also the header.

[Animal]

OK,



Ext.util.CSS.updateRule("#" + containerId + " .x-grid-col-" + colNo, "background-color", "green");


Works for one column of data.



Ext.util.CSS.updateRule("#" + containerId + " .x-grid-cell-" + rowIndex + "-" + colNo, "background-color", "green");


Works for one individual cell.