I am setting the class of an individual cell as such:
my style yellow is defined as … .yellow { background-color:yellow;} …
I inspect the DOM elements and see the TD element you created as <TD class=“yellow” …>
However, when I inspect the style associated with this TD element, it shows it as overridden by the element:
#prrGrid table.obj td {
background-color:white;
border:medium none;
}
where #prrGrid is the DIV element which loads the XML
I have tried changing your css values to different background colors to find where this table.obj td gets written, but, all to no avail…
Do I have to define my class name differently? td.yellow, or perhaps #prr table.obj td yellow, something along those lines?
Thanks,
Ira
It seems that you are using grid.setStyles command, it creates such css rules.
>>something along those lines?
You can
a) redefine your css class as
.yellow { background-color:yellow !important;}
or
b) use
#prrGrid table.obj td.yellow { background-color:yellow;}