1. Posts Table Pro
  2. Developer documentation

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 button column.

Related Articles

Still need help?
If searching the knowledge base hasn't answered your question, please contact support.