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 http://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
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!
