We're Moving to a New Support Platform – Starting June 1st!
We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.
You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.
While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.
We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.
Thanks for your continued support and trust – we’re excited to bring you an even better support experience!
Hello,
I was wondering if you can style multiple tables on one single page. With a maybe a css selector. The reason for this is I want to have at least 3, maybe 4 tables on 1 single page and I would like different styling.
Looking forward to hearing from you,
Dave
Hi Dave,
Thank you for the inquiry.
Yes, something like that is possible with custom CSS code. There is "wpDataTables Custom CSS" field on wpDataTables settings page where you can add CSS to style differently your tables.
You can try our sandbox site: Front-end & Back-end - you can find a fully functional version there to try out all plugin features.
Hello Milos,
Thanks for the quick reply, but isn't that for all tables as I saw in the sandbox?
I would like to style every table individually by #table-id or something.
Kind regards,
Dave
Hi Dave,
In one of the future updates we have plan to add custom CSS class per table, so you'll be able to add a class to the whole table and easily customize it.
Now it is little more difficult but it is not impossible. When you add table to the page it will have id table_1, when you add the second table on the same page it will have id table_2. So you could use these id's as selectors for your CSS.
Another problem is when you have more pages, so you'll have more tables with same id's so you should be more precise with your CSS selectors. For example you'll have to add page id before table id. So it should look something like this:
.page-id-364 #table_1 { // Your CSS rules }