Start Building Professional
Web Apps Today

Change bg color for single cell?

Is there any way to change the background color for a single cell (not the entire column)? Ideally, I would like to be able to click on the cell and have it cycle through three colors based on value (say, red for zero, green for 1, yellow for 2):

I was thinking about something like this:

grid.attachEvent("onEditCell", function (stage, id, ind, value) {
    if (stage==0) {
changeCellValueFunction(id, ind);
changeBackgroundColorFunction(id, ind, value);
}
return true;
});


If I am on the right track, the only code that I need help with would be the changeBackGroundColorFunction.

Thanks in advance!

>>If I am on the right track
onEditCell can be used in such scenario, but it will work only for editable cells, alternatively you can use

mygrid.setOnRowSelectHandler(function(id,ind){
    changeCellValueFunction(id, ind);
    changeBackgroundColorFunction(id, ind, mygrid.cells(id,ind).getValue());
    return true;
},true);


You can set background color of cell as
    grid.cells(id,val).setBgColor(value); // you can use getBgColor( to get current color

Or in more flexible way
    grid.setCellTextStyle(id,ind,"background-color:red")