custom CSS not applied to newly added rows or changed cells

I have the following css:

.grid_hover { background-color:#FFE3A7; font-size:20px; } .toolbarTable{ background-color:#EDEDED; } .even_row{ background-color:#FFFFFF; } .odd_row{ background-color:#FFFFFF; } .content_cell { border-bottom-style: none; border-left-style: none; border-top: 1px solid #D0D7E5 !important; border-right: 1px solid #D0D7E5 !important; } .total_cell{ background-color:#D7E4BC; border-top: 1px solid #3B2915; border-bottom: 1px solid #3B2915; border-left-style: none !important; border-right-style: none !important; }

Reflected in XML:
xml.tag!(“cell”, { “price” => eq_cost },eq_cost,{“class” => “content_cell”})
xml.tag!(“cell”,"<font color="#3B2915">Total"),{“colspan” => 7,“class” => “total_cell”} )

When I add a new row, how can I apply the css correctly? Is there a better way to do what I’m trying to do above?

Please, have a look at the CSS rules of dhtmlxGrid: … g_defaults