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
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.
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
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?
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
