How can I add borders to rowspanned cells?

Hi,

thanks for your post, and sorry for the trouble.

In the same way as to regular cells, e.g. with

.tablepress-id-123 .row-2 td {
  border: 1px solid #333333;
}

Regards,
Tobias

thanks for the answer.
shall I put the code in the custon css window?
actually, what I am trying to do is to put borders to the remaining cells after the others rowspanned.

Hi,

yes, the code should go into the “Custom CSS” textarea.
To then put borders around all “remaining” cells, use

.tablepress-id-123 tbody td {
  border: 1px solid #333333;
}

The 123 needs to be changed to the corresponding table ID.

Regards,
Tobias

Hello Tobias,
Thanks for the tip. It works fine but unfortunately it does not border the last elements of the table in a column. is there a way to cover that also?

Hi,

Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

Regards,
Tobias

one more thing:
is there any chance to add a color picker to the table elements. I mean user will highlight one element, and the corresponding elements will also be highlighted so that the user will be able too see all same elements in a table. just like a color sorting attribute.

Hello Tobias,
actually ? am working on a draft so there is no online table.
but I can send you a screenshot if you give me your email address.

one last thing is this css code does not put borders to header elements.

Hi,

no, sorry, I don’t see how such a color picker could be added. ??

A screenshot won’t really help, as I can’t investigate what code might be causing this on that. Can you maybe publish a test page temporarily?

To also put borders around the head cells, just extend the code to

.tablepress-id-123 thead th,
.tablepress-id-123 tbody td {
  border: 1px solid #333333;
}

Regards,
Tobias

here is a sample link Tobias.
Is there also a way to arrange the width of all the corresponding tables on a page equally?

Hi,

yes, that should be possible, e.g. with CSS like this

.post-510 .tablepress .column-1 {
  width: 100px;
}
.post-510 .tablepress .column-2 {
  width: 120px;
}

and so on.
Basically, this CSS influences the desired column in all tables for the page with the page ID 510 (given to it by WordPress).
Just use “Custom CSS” like that for each column.

Regards,
Tobias

hello Tobias
Thanks for your support. I assume you saw my template page and the problem.

Another question: Does tablepress support shortcodes? I want to replace shortcodes into the cells.

one more thing: will the css code you gave me above arrange the width of all the corresponding columns in a page, whether on the same table all successing tables. I mean you saw that page I have 4 tables for every week on one single page.

thanks

Hi,

yes, TablePress does support Shortcodes in table cells (if they use the regular WordPress Shortcode API).

The CSS code I gave you can be used to set the width for each column off all tables on a page at the same time. You’ll basically have to set the widths with that.

Regards,
Tobias

Hello Tobias
thanks again. have you figured out why the last rows did nt have borders?

Hi,

when I view https://www.airdates.org/may-2014-air-dates/ , all cells have a border, as expected… Where exactly is the border missing for you?

Here’s another piece of code for the widths. As your columns correspond to days of the week, making them equal should be the best:

.post-510 .tablepress th,
.post-510 .tablepress td {
  width: 14.25%;
}

(14.25% is about one seventh of 100%.)

Regards,
Tobias

Awesome Tobias,
The best plugin support I have ever seen in this community.
I don’t know why WordPress team is still not hiring you for their developer team ??