[Plugin: WP-Table Reloaded] How to combining cells with “rowspan” and “colspan”?

Hi,

I had hoped that the small “?” button next to “Add colspan” and “Add rowspan” on the “Edit” screen explains it good enough?
Have you seen and read those?

Basically, all you need to do, is insert the keyword #colspan# into the cells that shall be connected to their left neighbor.

In your case, you’ll need to enter it into the cell to the right of “HTC Hero Technical Detail Specification”.

Best wishes,
Tobias

Ah thanks! Easy as that. ??

One other thing. If I would like to change the height of each row?
Is this done same way adding a keyword?

Hi,

good that it is working ??

No, changing heights is not done using a keyword. For that you will need CSS, like


.wp-table-reloaded-id-N tr {
height: 50px;
}

(N is the ID of the table.)

If you only want to change certain rows, use

.wp-table-reloaded-id-N .row-K {
height: 50px;
}

(N is the ID of the table, K is the number of the row.)

The CSS has to be pasted into the “Custom CSS” textarea on the “Plugin Options” screen.

But I don’t see a real use case for this. Which cells do you want to change?

Regards,
Tobias

Thanks for your quick replay!

I thought I should change all smaller except the table head.
But when I think of it, it looks good as it is! ??

Thanks again for this great plugin! I’ve just made a donation! ??

Have a good weekend!

Kim

Hi Kim,

thanks for that donation! ??

If you want to make the rows smaller, I suggest this code


.wp-table-reloaded-id-1 td {
padding: 2px 4px;
}


That’s a little bit more robust than setting the height, as it can deal better with multiline content in rows.

Best wishes,
Tobias

Yes! this is exactly what i wanted to do with the heights! ??

Thanks again for your suggestion and understanding what i’m trying to create.

Kim