CSS selectors Posts Table Pro
​.posts-data-table- The main posts <table> element
.posts-data-table th- The table headings
.posts-data-table thead tr.posts-data-table tfoot tr- The table header and footer rows
​.posts-data-table tbody tr- The table content rows
​.posts-data-table tbody td- The table content cells
​.posts-data-table tbody tr.even td- A cell within an "even" numbered row, e.g. 2nd, 4th, , 6th, etc
​.posts-data-table tbody tr.odd td- A cell within an "odd" numbered row, e.g. 1st, 3rd, 5th, etc
​.posts-data-table tbody tr.child- The responsive child rows (shown when clicking the + icon)
​.posts-data-table tbody tr.child .dtr-details- The responsive child data (shown when clicking the + icon)
​.posts-data-table tbody td​.col-title​- To target a cell within a column. The class name is always
col-followed by the column name, e.g.col-title,col-date,col-excerpt, etc. .posts-table-controls .posts-table-select-filters.posts-table-controls .posts-table-select-filters label.posts-table-controls .posts-table-select-filters select- The filter dropdowns above the table
.posts-table-controls .dataTables_length.posts-table-controls .dataTables_length select- The 'Show ... entries' dropdown above the table
.posts-table-controls .dataTables_filter.posts-table-controls .dataTables_filter input[type="search"]- The search box shown above the table
.posts-table-controls .dataTables_paginate.posts-table-controls .dataTables_paginate a.paginate_button- The pagination buttons below the table. You will need to add an !important declaration for this rule to override the styles in the DataTables library.
.posts-table-controls .dataTables_info- The post totals message (e.g. Showing 1 of 5 entries)
​.posts-data-table .posts-table-reset​.posts-data-table .posts-table-reset a- The reset link above the table.
-
​.posts-table-button- The button element displayed when the table contains the
buttoncolumn.
If searching the knowledge base hasn't answered your question, please contact support.