Can Tablepress do this?

Hi Derek,

thanks for your question.

Yes, that’s possible with TablePress. You would just have to create the tables, fill them with data and insert them into a page with the Shortcode.
However, some CSS code will be necessary to adjust the styling. To get started, you can take a look at the TablePress FAQ page at https://tablepress.org/faq/ That explains how to change the background colors, for example.

For the rounded corners, you can use this “Custom CSS”:

.tablepress thead th:first-child {
	border-top-left-radius: 10px;
}
.tablepress thead th:last-child {
	border-top-right-radius: 10px;
}
.tablepress tbody tr:last-child td:first-child {
	border-bottom-left-radius: 10px;
}
.tablepress tbody tr:last-child td:last-child {
	border-bottom-right-radius: 10px;
}

Regards,
Tobias

Tobias,

Thank you so much for your prompt reply.

Regards

Derek

Hi Derek,

sure, no problem! You are very welcome!

Best wishes,
Tobias

Nevermind I figured out my issue

sorry Tobias please see https://wordpress.geospatial-associates.com/course-catalog/

Hi,

thanks for your post, and sorry for the trouble.

I just checked your link in Chrome and Firefox and in both cases, only the outer left and right cells have a round corner, so everything is correct.

Regards,
Tobias

I figured out what was going on. my css was combining with a previous thead css class i had listed immediately before the rounded edge css, and for some reason it was striping out the first thead line of code and leaving the second radius line of code as an additional thead and tfoot parameter.

Hi,

yes, that sounds like the cause for this. Good to hear that you were able to fix it already! ??

Best wishes,
Tobias

P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!