My understanding is that the Table is very old, and hasn't been updated in a long time. There are a number of bugs floating around inside the code awaiting fixes for a long time. Fixing it hasn't been a priority of the Viz team up to now, though, as there are much more interesting things being done with the other visualizations.
On Friday, November 23, 2012 3:38:31 PM UTC-5, Ambientson wrote: > > Got it. Thanks. > > It seems to me like the table chart type is less "complete" than the other > Google Viz chart types. > > On Friday, November 23, 2012 11:33:29 AM UTC-5, asgallant wrote: >> >> You *may* be able to control column width, but it is subject to the >> vagueries of CSS. Set the width on a cell in the column, and you might see >> it drawn that way. CSS interpretation could work against you, or the >> browser could decide that the cell is too narrow, or something to that >> effect, and you could end up with a wider cell than you want. If that >> happens, though, it's not the Visualization API making it happen. >> >> On Friday, November 23, 2012 11:24:38 AM UTC-5, Ambientson wrote: >>> >>> Right, got it. Thanks. >>> >>> I realize my question was more in regards to the style property but that >>> is defined within CSS or html docs. I now understand. >>> >>> Another question in regards to tables. Is there a way to specify the >>> width of a column through another mechanism since column properties are not >>> supported? >>> >>> I know there are width and height properties to the table but any way we >>> can make one column more narrow than the others? >>> >>> Again, many thanks for the help. >>> >>> On Friday, November 23, 2012 11:17:48 AM UTC-5, asgallant wrote: >>>> >>>> The available properties are listed right there: className and style, >>>> that's it. >>>> >>>> On Friday, November 23, 2012 9:44:06 AM UTC-5, Ambientson wrote: >>>>> >>>>> Thanks. >>>>> >>>>> For most of the properties, you're right, I can get them through the >>>>> docs but what about table cell properties? >>>>> >>>>> When I was looking for row, column and cell properties I was having a >>>>> hard time (now I know that row and column don't have any, except for >>>>> special cases such as header row or odd/even). But what about cell >>>>> properties? Are they strictly html attributes hence why they are not >>>>> documented? >>>>> >>>>> Cheers. >>>>> >>>>> On Friday, November 23, 2012 3:14:17 AM UTC-5, asgallant wrote: >>>>>> >>>>>> The available properties are listed in each visualization's >>>>>> documentation; the Table's are here: >>>>>> https://developers.google.com/chart/interactive/docs/gallery/table#customproperties >>>>>> >>>>>> On Friday, November 23, 2012 3:12:59 AM UTC-5, asgallant wrote: >>>>>>> >>>>>>> Yup, same for columns. >>>>>>> >>>>>>> On Friday, November 23, 2012 12:11:03 AM UTC-5, Ambientson wrote: >>>>>>>> >>>>>>>> Hmmm... found an answer on a previous post but for a row: >>>>>>>> <quote>The Table visualization doesn't use any row properties. You >>>>>>>> have to set the style property for each cell in the row.</quote> >>>>>>>> >>>>>>>> If it's the same thing for columns, it would explain it. >>>>>>>> >>>>>>>> Is it the same for columns? >>>>>>>> >>>>>>>> Thanks. >>>>>>>> >>>>>>>> On Thursday, November 22, 2012 11:58:21 PM UTC-5, Ambientson wrote: >>>>>>>>> >>>>>>>>> Actually, I had the allowHtml in my code but not in the example I >>>>>>>>> provided. I think my issue is more related to setting properties on a >>>>>>>>> column. >>>>>>>>> >>>>>>>>> The following statement works (as you pointed out): >>>>>>>>> data.setProperties(1, 1, {style: 'font-style:italic; >>>>>>>>> font-size:10px;'}); >>>>>>>>> >>>>>>>>> But not this one (which is the one in my current code): >>>>>>>>> data.setColumnProperties(1, {style: 'font-style:italic; >>>>>>>>> font-size:10px;'}); >>>>>>>>> >>>>>>>>> Any ideas why? >>>>>>>>> >>>>>>>>> I'm having a hard time finding information on which properties are >>>>>>>>> supported for various elements (row, column, cell, etc.). My >>>>>>>>> objective is >>>>>>>>> to change the font of an entire column to make it smaller and in >>>>>>>>> italic. >>>>>>>>> >>>>>>>>> Thanks. >>>>>>>>> >>>>>>>>> On Thursday, November 22, 2012 11:31:28 PM UTC-5, Ambientson wrote: >>>>>>>>>> >>>>>>>>>> Thanks, I hadn't noticed that. >>>>>>>>>> >>>>>>>>>> Cheers. >>>>>>>>>> >>>>>>>>>> On Thursday, November 22, 2012 10:01:20 PM UTC-5, asgallant wrote: >>>>>>>>>>> >>>>>>>>>>> You need to set the "allowHtml" option to true, eg: >>>>>>>>>>> >>>>>>>>>>> visualization.draw(data, { >>>>>>>>>>> allowHtml: true >>>>>>>>>>> }); >>>>>>>>>>> >>>>>>>>>>> On Thursday, November 22, 2012 8:00:51 PM UTC-5, Ambientson >>>>>>>>>>> wrote: >>>>>>>>>>>> >>>>>>>>>>>> Hi, >>>>>>>>>>>> >>>>>>>>>>>> I am struggling to get the setProperty method of DataTable to >>>>>>>>>>>> work to change font or color of a table cell (or anything in a >>>>>>>>>>>> table cell >>>>>>>>>>>> for that matter). See code below: >>>>>>>>>>>> >>>>>>>>>>>> function drawVisualization() { >>>>>>>>>>>> // Create and populate the data table. >>>>>>>>>>>> var data = google.visualization.arrayToDataTable([ >>>>>>>>>>>> ['Name', 'Height', 'Smokes'], >>>>>>>>>>>> ['Tong Ning mu', 174, true], >>>>>>>>>>>> ['Huang Ang fa', 523, false], >>>>>>>>>>>> ['Teng nu', 86, true] >>>>>>>>>>>> ]); >>>>>>>>>>>> >>>>>>>>>>>> //data.setProperty(1, 1, "color", "red"); >>>>>>>>>>>> //data.setProperty(0, 1, "background-color", "blue"); >>>>>>>>>>>> //data.setProperty(2, 0, "style", "font-style:bold;"); >>>>>>>>>>>> data.setProperty(1, 1, 'style', 'background-color: red;'); >>>>>>>>>>>> >>>>>>>>>>>> // Create and draw the visualization. >>>>>>>>>>>> visualization = new google.visualization.Table(document. >>>>>>>>>>>> getElementById('table')); >>>>>>>>>>>> visualization.draw(data); >>>>>>>>>>>> } >>>>>>>>>>>> >>>>>>>>>>>> Code taken from Google Code Playground and edited. >>>>>>>>>>>> >>>>>>>>>>>> Thanks. >>>>>>>>>>>> >>>>>>>>>>> -- 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/-/xqMsiWxmwP0J. 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.
