The options work exactly the same when using a ChartWrapper as they do when
using the base Table object. That said, you would use the "cssClassNames"
option (described
here<https://developers.google.com/chart/interactive/docs/gallery/table#Configuration_Options>)
to set the classes to assign to elements in the table. Assuming by "first
row", you mean the header cells, then you would use:
var wrapper5 = new google.visualization.ChartWrapper({
containerId: "help_div",
dataSourceUrl:
"https://spreadsheets.google.com/a/google.com/tq?range=A76:A79&key=My_Key&gid=11";,
chartType: "Table",
options: {
height: 100,
width: 600,
sort: "disable",
allowHtml: "true",
title: "How can I help?",
titlePosition: "out",
alternatingRowStyle: true,
showRowNumber: false,
cssClassNames: {
headerRow: 'googlefirstrow',
tableRow: 'googlerows'
}
}
});
Due to the nature of CSS rules, you may need to beef up your selectors to
get them to work.
On Wednesday, March 13, 2013 8:07:21 PM UTC-4, Dave Lalande wrote:
>
> I want to add some formatting to a table chart. I want to left justify
> the text and format the first row. I see alot of examples online but none
> that I can find show exactly how to do this using the ChartWrapper?
>
> I've this in my CSS file.
>
> .googlefirstrow
> {
> font-weight:bold;
> font-family:Arial, Helvetica, sans-serif;
> font-size:13px;
> text-align:left;
> }
>
> .googlerows
> {
> font-family:Arial, Helvetica, sans-serif;
> font-size:11px;
> text-align:left;
> }
>
> This is my <script>
>
> var wrapper5 = new google.visualization.ChartWrapper({
> "containerId": "help_div",
> "dataSourceUrl": "
> https://spreadsheets.google.com/a/google.com/tq?range=A76:A79&key=My_Key&gid=11
> ",
> "chartType": "Table",
> "options": {
> "height": 100,
> "width": 600,
> "sort": "disable",
> "allowHTML": "true",
> "title": "How can I help?",
> "titlePosition": "out",
> "alternatingRowStyle": true,
> "showRowNumber": false,
> }
> });
>
> wrapper5.draw();
>
> Thanks...
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
