I would recommend specifying classes for each element in the "cssClassNames" option - these can be meaningless classes, as their only purpose is to override the default google classes. Then create a "ready" event handler for the table which adds the "pure-table" class name to the table element. Something like this: http://jsfiddle.net/asgallant/mQnHz/
Note that the Table visualization doesn't use <thead> and <th> elements for the header, so the pure-table css doesn't style them appropriately. You can replace the header with a custom one of your own (in the ready event handler, find the header cells and copy their contents into <th> elements, then delete the header cells), but you lose the built-in interactivity (column sorting) of the header cells (though you can implement your own custom sorting on the header cells if you want to). On Wednesday, June 12, 2013 9:43:53 PM UTC-4, Duncan McQueen wrote: > > Hello, > > I am trying to use the CSS for http://purecss.io/tables/ to display how > my tables look. I have tried a few different things but it never looks > right. Is there a way to set a different class for the whole table? It > would make it much easier than specifying each element. > -- 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.
