ColSpan nd rowSpan

[prateek dhawan]

I am using the Google's Visualization API to create table but how to set rowspan nd colspan ?

[asgallant]

Sorry, rowspan and colspan are not supported by the API.  You would have to manually modify the HTML table after drawing it in order to have row/colspan.

[prateek dhawan]

Hey thankx for d rply
Can elaborate hw can I do dis? Using jscript?
Some sample code u can provide? ?

[prateek dhawan]

[asgallant]

Here's an example of one way you could do it: http://jsfiddle.net/asgallant/qKWZT/

In that example, I assigned class names to various cells in the table.  Cells with rowspans had a class name of "rowspan_<number of rows to span>" (eg, "rowspan_2"); similarly colspan cells had a class name of "colspan_<number of rows to span>" (a cell with both rowspan and colspan would have two class names applied, eg "rowspan_3 colspan_2").  Any cells that get in the way of the row/col span cells have the class name "delete" applied.  In the table's "ready" event handler, I iterate over the "delete" cells and remove them, and then iterate over the row and col span elements and set their rowSpan/colSpan properties as appropriate.

[prateek dhawan]

Datz Grt
Thankx alot :)