Hi,
thanks for your post, and sorry for the trouble.
This should be possible with some “Custom CSS” like
.tablepress-id-123 {
border-collapse: separate;
border-spacing: 10px 0;
}
(where 123
is the table ID).
Regards,
Tobias
Thank you for your quick response, it worked straight away. I have one last question, How can i now when the table is on a mobile device, display each table underneath one-another. Is it possible?
Again thank you so much for your help!
Hi,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Sorry, moving those columns underneath each other is not possible, simply due to the way how tables work in browsers.
You would have to create two separate tables to achieve this, and position them side-by-side on big screens, or underneath each other on smaller screens.
Regards,
Tobias
Ok then i will give that ago.
Thanks again!
Hi,
no problem, you are very welcome! 🙂 Good to hear that this helped!
Best wishes,
Tobias
P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!