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 td:nth-of-type(3) {
display: table-cell;
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us