How to show or hide certain columns of the table template
Here are a couple examples of how to show/hide columns of the Table Template with Custom CSS.
You can copy and paste the css code into the Appearance > Custom CSS page:
/* Hide Event List Template "Date" Column on all pages */
.espresso-table th:nth-of-type(3), .espresso-table td:nth-of-type(3) {
display: none;
}
/* Hide Event List Template "Date" Column on all a certain page */
.page-id-50 .espresso-table th:nth-of-type(3),
.page-id-50 .espresso-table td:nth-of-type(3) {
display: none;
}
/*show the "Date" column on a table on a page with the page id of 290 table*/
.page-id-290 .espresso-table th:nth-of-type(3) {
display: block;
}
.page-id-290 .espresso-table th:nth-of-type(3) {
display: block;
}
.page-id-290 .espresso-table td:nth-of-type(3) {
display: table-cell;
}
display: table-cell;
}