Yes, that CSS is used when we have only one table on the Page, but in this case, since you got two, we will need to include the Table ID in the CSS selector. Please try this :
Just replace the 143 with your Table ID which needs to be hidden from the Page and it should work.
If you wish to see this table on back-end to be able to change it/configure it, etc, then just apply the CSS on the Front-End Page.
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
Let me know if you encounter any issue with this workaround.
Hello there,
I have two tables on a page but only want to display one of them. (The hidden table controls a chart)
As explained here I have used this code in the Custom CSS section on the table I want to hide:
.wpdt-c .wpDataTables.wpDataTablesWrapper { display: none !important; }This hides both tables, which is pretty good, but I want to hide only one. How do I do this?
You plug-in is extremely useful for us BTW!
thanks Martin
Hi Martin,
Yes, that CSS is used when we have only one table on the Page, but in this case, since you got two, we will need to include the Table ID in the CSS selector. Please try this :
.wpDataTableID-143.dataTables_wrapper {display: none !important;
}
Just replace the 143 with your Table ID which needs to be hidden from the Page and it should work.
If you wish to see this table on back-end to be able to change it/configure it, etc, then just apply the CSS on the Front-End Page.
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
Let me know if you encounter any issue with this workaround.
Thank you.
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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
Many thanks - that works perfectly!
M
Hi Martin,
You're welcome, I am glad to see the solution works as intended for your use-case, awesome!
Anything else that we could assist with, please don't hesitate to create new tickets.
Have a great day!
Kind Regards,
Miloš Jovanović
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
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