WordPress.org

Ready to get started?Download WordPress

Forums

Easy Table
Combining colspan and rowspan (2 posts)

  1. dsl101
    Member
    Posted 1 year ago #

    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.

    http://wordpress.org/extend/plugins/easy-table/

  2. dsl101
    Member
    Posted 1 year ago #

    Aargh - wrong markup! Sorry. Try this:

    -------------------------------------------------------------
    |           |           | Head 3                            |
    | Head 1    | Head 2    -------------------------------------
    |           |           | Sub 3a    | Sub 3b    | Sub 3c    |
    -------------------------------------------------------------
    | Data 1    | Data 2    | Data 3a   | Data 3b   | Data 3c   |
    -------------------------------------------------------------

    Hmm - I also discovered the 'Edit' link, and corrected the original post. But I can't seem to delete a post...

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic