This jquery might work. Find the table class and then the last row. after
that you might be able to change the look and feel.
$(".google-visualization-table tr:last").each(function () {
For example, I use the javascript below to get the width (clientwidth) of a
table column and then assign the width to an input field.
$(".google-visualization-table-tr-head td").each(function () {
var columnName = this.innerText.trim();
var columWidth = this.clientWidth;
$("Input[id='" + columnName + "']").width(columWidth);
//to support id that has a space in it
});
On Thursday, April 19, 2012 7:12:35 AM UTC-4, Ram wrote:
>
> 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
>
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To view this discussion on the web visit
https://groups.google.com/d/msg/google-visualization-api/-/NLK1YvTylfEJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.