WordPress.org

Ready to get started?Download WordPress

Forums

WP-Table Reloaded
[resolved] Problems with colspan (6 posts)

  1. praveenasir
    Member
    Posted 1 year ago #

    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/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    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

  3. praveenasir
    Member
    Posted 1 year ago #

    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.

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    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

  5. praveenasir
    Member
    Posted 1 year ago #

    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?

  6. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic