1. Knowledge Base
  2. Posts Table Pro
  3. Developer documentation

CSS selectors

​.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 .paginate_button
The pagination buttons below the table
.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.

Still need help?

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

Related Articles