I have multiple tables on a page. I want to hide the headers & remove the borders from only one of those tables. I found the following to hide the table header but don't know how to only apply it to one of the tables on the page. Is this possible?
Since you have multiple tables on a page, you need to add an identifier to the code. All table wrappers are added as odd numbers; for example if you have three tables, they'd be identified as:
table_1_wrapper
table_3_wrapper
table_5_wrapper
So, to hide only the headers of the first table on that page, the code needs to be:
I have multiple tables on a page. I want to hide the headers & remove the borders from only one of those tables. I found the following to hide the table header but don't know how to only apply it to one of the tables on the page. Is this possible?
<style> .wpdt-c .wpDataTablesWrapper table.wpDataTable thead { display: none !important; } </style>Hello Ken.
Since you have multiple tables on a page, you need to add an identifier to the code. All table wrappers are added as odd numbers; for example if you have three tables, they'd be identified as:
table_1_wrapper
table_3_wrapper
table_5_wrapper
So, to hide only the headers of the first table on that page, the code needs to be:
<style> .wpdt-c #table_1_wrapper thead { display: none !important; } </style>Please try this and let me know if it works.
Best regards.
Kind Regards,
Aleksandar Vuković
[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