I applied a renderer to my grid-column, but the background color is not changing:
renderer: function(value, meta) {
if (parseInt(value) > 0) {
meta.tdCls = 'category-matching'; return value;
}
else {
meta.tdCls = 'category-not-matching'; return value;
}
}
css:
.x-grid-cell .category-matching {
background-color:green;
}
.x-grid-cell .category-not-matching {
background-color:red;
}
I also tried
.grid-cell-inner
and
background-color:red; !important
but no effect.
Any idea?
Try this...
renderer : function(value, meta) {
if(parseInt(value) > 0) {
meta.style = "background-color:green;";
} else {
meta.style = "background-color:red;";
}
return value;
}
It works for me.