Forums

I am using YUI3(3.5.1) datatable and loading data using a datasource. I need a way to change the background color of rows based on the values of one of the columns. I tried setting row formatter using formatRow: customRowFormatter but this doesnt seem to work in YUI3. the function customRowFormatter is never getting invoked. If I need to use column formatter for this purpose I would like to know the way to access the row corresponding to that cell.

Can someone help me with this?

Hi,

Thanks for the response. I am trying to set the background color for the row by adding a new class to the row. I have done it by appending the new class to rowClass in the formatter. However I am unable to overwrite the background color set by the YUI 3 css. When I debug I can see that the following css is getting higher precedence.

.yui3-skin-sam .yui3-datatable-odd .yui3-datatable-cell {
background-color: rgb(237, 245, 255);
}

Here is my custom class I am setting to the row.
.custom-row-class {
background-color: rgb(255, 255, 255);
}

I also tried setting the background color using the heirarchy:

.yui3-skin-sam .custom-row-class .yui3-datatable-cell {
font-family: sans-serif;
font-weight: normal;
font-size: 14px;
background-color: rgb(255, 255, 255);
}

Is there any way I can override the background-color.