I have a website where I will be using different tables on different pages, and I need these to look different. However, the styling options seem limited. I realize you can use your own CSS classes on columns, but I need to amke changes on other elements than just the columns. For example, I need to style the filter box above the tables in various ways, but I can't seem to do this.
I've added custom CSS using ID #table_1 to style the first table I created, [WPDATATABLE ID=1]. This table looks just like it should. But when I created another table [WPDATADATBLE ID=2], and inserted on another page on my website, this table automatically takes on the styling I've made to the first table. I've noticed the that all tables use the div class #table_1. Is there a way to force it so that WPDATATABLE ID=1 uses div class #table_1 and WPDATATABLE ID=2 uses #table_2?
I assume that you added that custom code in Custom CSS field in wpdatatables settings page.
In this line #table_1 the number 1 is referring to the first table on the page not to the table ID. To get a clearer picture if you have 3 tables on page ( the ID of the tables 5,6,7) and if you have custom CSS where you include #table_1 and #table_3 those custom CSS will be applied to first and third table ( in this case id 5 and 7).
So my suggestion is when you want to style each table to apply those custom CSS you put that CSS directly on the page. If you have some custom CSS for some table I can show you how you can achieve that.
If you like our plugin and support we'd greatly appreciate it if you could take a minute and leave a review on CodeCanyon on this link. It means a lot to us.
Thanks.
I have a website where I will be using different tables on different pages, and I need these to look different. However, the styling options seem limited. I realize you can use your own CSS classes on columns, but I need to amke changes on other elements than just the columns. For example, I need to style the filter box above the tables in various ways, but I can't seem to do this.
I've added custom CSS using ID #table_1 to style the first table I created, [WPDATATABLE ID=1]. This table looks just like it should. But when I created another table [WPDATADATBLE ID=2], and inserted on another page on my website, this table automatically takes on the styling I've made to the first table. I've noticed the that all tables use the div class #table_1. Is there a way to force it so that WPDATATABLE ID=1 uses div class #table_1 and WPDATATABLE ID=2 uses #table_2?
HI Sunt123,
Thank you for your purchase.
I assume that you added that custom code in Custom CSS field in wpdatatables settings page.
In this line #table_1 the number 1 is referring to the first table on the page not to the table ID.
To get a clearer picture if you have 3 tables on page ( the ID of the tables 5,6,7) and if you have custom CSS where you include #table_1 and #table_3 those custom CSS will be applied to first and third table ( in this case id 5 and 7).
So my suggestion is when you want to style each table to apply those custom CSS you put that CSS directly on the page.
If you have some custom CSS for some table I can show you how you can achieve that.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hi Sunt123,
First you will need to go to your page and open a Text editor in it ( attachment) .
Then between style tags enter your custom code for the table.
Let me know the result.
Best regards.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Hi Bogdan,
I managed to get it to work now, thanks for your help!
Hi Sunt123,
The pleasure is mine, you are welcome.
If you like our plugin and support we'd greatly appreciate it if you could take a minute and leave a review on CodeCanyon on this link. It means a lot to us. Thanks.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables