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.

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!