change background color of Last row only in a table

[ram prasad]

Hi,

 

   I  want to change background color of Last row only in a table. The ColorFormatter- format method  is applied for  column index only. So i tried to cssClassnames.

      In css:

.orange-background {

    background-color: orange;

}

      In javascript:

var cssClassNames = {

'headerRow': 'orange-background large-font bold-font'  //it changes the table header row only,I want to change last row.

};

var options = {'showRowNumber': true, 'allowHtml': true, 'cssClassNames': cssClassNames};

Please help me to resolve this issue.

--
BY

R.RAMPRASAD

[ChartMan]

Hey

The cssClassNames options has only a fixed set of elements it can operate on. See list here: https://developers.google.com/chart/interactive/docs/gallery/table#customproperties

To operate only on one row you can do one of the following:

- use cell 'style' or 'css' for each cell in the relevant row

- use custom cell html markup

- use css3 selectors https://developer.mozilla.org/en/CSS/:nth-child

See this example as a reference: http://savedbythegoog.appspot.com/?id=d3366d2bc9d21afa22b78abd2edc151d6f7c3b0a

HTH

ChartMan

--
BY

R.RAMPRASAD

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualizati...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

[ram prasad]

Thank You ChartMan...I used setproperty method for Datatable to change every cell color.It works fine.

--
BY

R.RAMPRASAD