Thinking about this a bit more, the issue here I suspect is that you are blanket changing the row colour when you initialise the grid. From the [linked] code:
if (new_date_value <= current_datetime) {
InnerGrid.rows[i].style.backgroundColor="ff0066";
} else {
InnerGrid.rows[i].style.backgroundColor="ff6600";
}
My first thought is to colourise only some of the columns in the row. Row highlighting would then apply to the rest of the row. This is just a quick lash-together. Further, it is untested.
You will get the idea and maybe write this to better to suit your requirements
E.g:
var colour1 = "ff0066";
var colour2 = "ff6600";
if (new_date_value <= current_datetime) {
colouriseRow(InnerGrid.rows[i], colour1);
} else {
colouriseRow(InnerGrid.rows[i], colour2);
}
function colouriseRow(myRow, cols){
for(var i = 0; i < myRow.cells.length; i++){
if(i > 2){ // skip the first 3 columns, colourise the rest
myRow.cells[i].style.backgroundColor=myColour;
}
}
}