Search code examples
extjs4

ExtJS 4 set background color to a cell

Is there a way in ExtJS 4 to add a background colour to the cells in the whole table, depending only on the value in the cell and not on the columns?

Solution

  • Add renderer to your column:

    renderer: function (val, metadata, record) {
var backgroundColor = null;
if (val) {
    if (val == 1) backgroundColor = "green";
    if (val == 2) backgroundColor = "red";                   
}
metadata.style = 'background-color: ' + backgroundColor + ';';               
return '';

    }

    Here is a working example: https://fiddle.sencha.com/fiddle/b73