I'm struggling to get the layout I want - it could be me misunderstanding the underlying html table capabilities, but hopefully it should be clear from this simple example:
[table]
Head 1 [attr rowspan="2"], Head 2 [attr rowspan="2"], Head 3 [attr colspan="3"]
Sub 3a,Sub 3b,Sub 3c
Data 1,Data 2,Data 3a,Data 3b,Data 3c
[/table]
Basically, I want Head 1 and Head 2 to span 2 rows, with the final Head 3 spanning 3 columns and sub-heads a,b,c under Head 3. Sorry I can't post an image, but here's an ascii attempt:
-------------------------------------------------------------
| | | Head 3 |
| Head 1 | Head 2 -------------------------------------
| | | Sub 3a | Sub 3b | Sub 3c |
-------------------------------------------------------------
| Data 1 | Data 2 | Data 3a | Data 3b | Data 3c |
-------------------------------------------------------------But this only seems to work if I specify 'th="0"' in the intial table tag - and of course then I lose the table headers. Is there any way to achieve what I'm after? I don't particularly want the 'Sub 3a', etc. formatted as a header row, but it seems rowspan doesn't work across the header row.
Perhaps there's a way of specifying th="0" and then setting an attribute on the 'Head 1' elements so that they are formatted as if they were actually a header row? I tried 'class="th"', but they end up with td.th, not plain th...
Thanks,
David.
