Making the rows fill the container exactly will be quite difficult to do,
but you can adjust the height of the rows in CSS or by adding classes/CSS
to individual cells. If the outer container (the grey area, assuming there
are no layers of HTML between the grey area and the table's container div)
has a defined height, then you can set the height of the table's container
to be 100% so the table itself will fill the available space, even if the
rows do not.
On Friday, October 17, 2014 6:39:24 AM UTC-4, abdelkader didouh wrote:
>
> Hello everyone
> I am sorry if am posting in the wrong place. but i am having trouble
> changing the height of a table. how can i have larger cells. or where can i
> specify these tributes?
> here is the code am using
>
> var data2 = google.visualization.arrayToDataTable([
> ['sites', 'Monthy', 'Quarterly','Yearly'],
> ['Site1', 1000, 400, 1000],
> ['Site2', 1170, 460, 1000],
> ['Site3', 660, 1120, 1000],
> ['Site4', 1030, 540, 1000],
> ['Site5', 1000, 400, 1000],
> ['Site6', 1170, 460, 1000],
> ['Site7', 660, 1120, 1000],
> ['Site8', 1030, 540, 1000],
> ['Site9', 1000, 400, 1000],
> ['Site10', 1170, 460, 1000],
> ['Site11', 660, 1120, 1000],
> ]);
> var table2 = new
> google.visualization.Table(document.getElementById('table_div2'));
>
> table2.draw(data2, {showRowNumber: true});
>
> html:
>
> <div id="table_div2" style="width: 100%;padding:2%"></div>
>
> Find attached the output table. which as you can see is small and i would
> like to stretch it to fit the container (grey)
>
> Thank you in advance
>
>
>
--
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.
For more options, visit https://groups.google.com/d/optout.
