How to hide the sort arrows in product tables

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:

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

This also removes the column filters, because customers reach those through the same menu. If you want to keep the filters, leave the button in place and turn off the filters you don't need in the plugin settings instead.

Hide it for one column only

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

.wpt-dataview .table-header-cell.col-name .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:

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

Related Articles

• Code snippet: How to restore partial matching in WooCommerce Product Table search
• Code snippet: Disable product table caching for specific users
• Code snippet: Disable sorting when column headings are clicked
• Code snippet: Change the options in a product table filter dropdown
• Code snippet: Sort SKU numbers numerically
• Code snippet: Change the product table search box width and position