Hi,
For header rows try something like:
var classNames = {headerRow: 'myClass'};
var options = {cssClassNames: classNames, otherOption: otherValue, ...};
table.draw(data, options);
And also add a class called myClass to your html's stylesheets.
To make a specific cell (say at row number 3 and column number 1) red try
this:
data.setProperties(3, 1, {style: 'color: red;'});
Hope this helps.
Regards,
VizBoy.
On Thu, Jun 4, 2009 at 9:10 AM, Ado <[email protected]> wrote:
>
> Hi,
>
> I am having trouble customizing the a dynamically loaded table, that
> is a table that is linked to a google docs spreadsheet.
>
> var formatter = new google.visualization.NumberFormat(
> {prefix: '$', negativeColor: 'red', negativeParens: true,
> fractionDigits:0});
> formatter.format(data, 1);
>
> var table1 = new google.visualization.Table(document.getElementById
> ('visualization1'));
> table1.draw(data, {allowHtml: true, showRowNumber: true });
>
> This is almost all I need but what I would also like to do is to use
> the table "Configuration Options" specifically the "cssClassNames
> object" to format the headerRow. (http://code.google.com/apis/
> visualization/documentation/gallery/table.html#Configuration_Options<http://code.google.com/apis/%0Avisualization/documentation/gallery/table.html#Configuration_Options>
> )
>
> I am not sure how to use the?
>
> Also how do I assign customer properties to cells. I just want some
> cells to be "red"?
>
> Cheers
>
> Ado
>
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
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
-~----------~----~----~----~------~----~------~--~---
