[Plugin: Easy Table] Combining colspan and rowspan
-
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.
- The topic ‘[Plugin: Easy Table] Combining colspan and rowspan’ is closed to new replies.