1. Home
  2. Knowledge Base
  3. Posts Table Pro
  4. Advanced Usage

How to hide the sort arrows in Posts Table Pro

The current table frontend doesn't show sort arrows. Each column heading has a button that opens a menu with the sort and filter options for that column.

Hide the column menu button

To remove that button from every column, add this CSS to your site:

.ptp-dataview .header-menu-trigger {
    display: none;
}

This also removes the column filters, because readers reach those through the same menu.

Hide it for one column only

Add the column class to the selector. The title column uses col-title and the image column uses col-image:

.ptp-dataview .table-header-cell.col-title .header-menu-trigger {
    display: none;
}

Legacy mode

If your site is still in legacy mode, the table shows sort arrows and this CSS hides them:

.posts-data-table thead th.sorting::before,
.posts-data-table thead th.sorting::after {
    content: none !important;
}

Related Articles

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