WordPress.org

Support

Support » Plugins and Hacks » [Resolved] Problems with colspan

[Resolved] Problems with colspan

  • praveenasir
    Member

    @praveenasir

    I am facing problems while using colspan.
    I have a 3 Column * 38 row table with few blank cells. I needed to add colspan in different subsections of the table. As per the instructions in the plugin, I have added the keyword #colspan# to the cell to the right of the one with the content, but the spanning is not done for the whole row.

    Please check my site with tables for more info:
    http://www.asirauto.co.cc/?page_id=1020

    I need to have all 3 columns in rows 1,10,20,22,24,27,30,33,36 to be highlighted. Please let me know on what needs to be done.

    Thanks in advance!

    http://wordpress.org/extend/plugins/wp-table-reloaded/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg
    Participant

    @tobiasbg

    Hi,

    thanks for your question.

    You will simply have to add #colspan# to all cells in those rows (except for the very left one which holds the content of the then combined cells), instead of just the cell directly to the right of that one.

    Regards,
    Tobias

    praveenasir
    Member

    @praveenasir

    Thank you for your reply.
    As per your instructions, I have added #colspan# to all the cells in the rows except for the very left one but it still wont work. The grey background for those rows in which I have added the #colspan# is not displayed.

    Please check the table 2 in the link below for the resultant table as per your instruction.
    http://www.asirauto.co.cc/?page_id=1020

    Secondly, I need to add the same grey background for the Row 10 which has contents in all 3 columns. Please let me know on what needs to be done in this case as well.

    Plugin Author TobiasBg
    Participant

    @tobiasbg

    Hi,

    are you sure about that? It really looks like the cell in the first column has the content (like “Transmission”, “Weight”, and so on), the second column has #colspan#, and the third column is empty. You will need to paste #colspan# into the third column.
    After that, your CSS code in the style.css has to be adjusted. In the lines

    table.wp-table-reloaded td.colspan-2 {

    and

    table.wp-table-reloaded .row-hover tr:hover td.colspan-2 {

    the colspan-2 has to be changed to colspan-3.

    To then also highlight row 10 like this, add

    table.wp-table-reloaded-id-1 .row-10 td,

    before the (modified) line

    table.wp-table-reloaded td.colspan-3 {

    Regards,
    Tobias

    praveenasir
    Member

    @praveenasir

    The code works like magic! Thank you for your help!
    May God bless you for your awesome help!

    Please let me know on what needs to be done so that the header row also displays like the other colspan rows?

    Plugin Author TobiasBg
    Participant

    @tobiasbg

    Hi,

    great to hear that it works now 🙂

    The easiest way to change the header row as well would probably be to just uncheck the “Table Head” checkbox on the table’s “Edit” screen. It will then get the other styling automatically, as it has #colspan# in it.

    Regards,
    Tobias

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Resolved] Problems with colspan’ is closed to new replies.