How to Display WooCommerce Products in Tables

When to Use Product Tables

Standard WooCommerce grid layouts are designed for B2C browsing. Each product gets a card with image, title, price. Good for discovering products, bad for ordering efficiency.

Product tables make sense when:

B2B/Wholesale

Customers know what they need. They want to see SKU, price, stock, and add 15 items to cart quickly. Tables enable this workflow.

Large Catalogs

Hundreds or thousands of products. Grid pagination is tedious. Tables with search and sort handle volume better.

Technical Products

Products with specifications customers compare. Columns for dimensions, compatibility, tech specs enable quick scanning.

Quick Order Forms

Repeat customers reordering known items. Skip the browsing, show the table, let them order.

Basic Setup

Product Table Pro adds table functionality via shortcode:

1. Install and activate
   Upload plugin, activate. Requires WooCommerce 5.0+.
2. Configure default settings
   Settings → Product Table Pro. Set default columns, rows per page, styling.
3. Add shortcode to page
   Create a page, add the basic shortcode:

[wc_product_table]

This displays all products with default columns.

Configuring Columns

Control which data appears in your table:

Available Columns

• image: Product thumbnail
• name: Product title (linked)
• sku: Product SKU
• price: Regular/sale price
• stock: Stock status/quantity
• categories: Product categories
• add_to_cart: Add to cart button
• description: Short description
• ACF fields: Custom field columns

Column Shortcode

[wc_product_table columns="image,sku,name,price,stock,add_to_cart"]

Order matters. Columns appear left to right as listed.

For B2B Orders

[wc_product_table columns="sku,name,price,stock,add_to_cart"]

SKU first for quick reference, images removed for density.

For Browse-Style Tables

[wc_product_table columns="image,name,categories,price,add_to_cart"]

Images included, categories for context.

Search and Filtering

Search Box

Built-in search filters the table as users type. Searches across product name, SKU, and description by default.

Category Filter

Dropdown filter for product categories:

[wc_product_table category_filter="true"]

Pre-Filtered by Category

Show only specific categories:

[wc_product_table category="shoes"]
[wc_product_table category="shoes,accessories,bags"]

Column Sorting

Click column headers to sort. Works with name, price, SKU, date. Tri-state: ascending, descending, default.

AJAX Add to Cart

Add products without page reload. Essential for multi-item ordering:

1. Click "Add to Cart" button
2. Product adds instantly (AJAX)
3. Cart updates in header
4. Continue adding more products
5. Checkout when done

This workflow lets B2B customers order dozens of items efficiently.

Quantity Input

Show quantity field for bulk ordering:

[wc_product_table show_quantity="true"]

Users enter quantity before adding, perfect for wholesale.

Shortcode Examples

Basic Product Table

[wc_product_table]

Specific Category

[wc_product_table category="electronics"]

Multiple Categories

[wc_product_table category="electronics,appliances"]

Limited Results

[wc_product_table limit="50"]

Custom Columns

[wc_product_table columns="sku,name,price,add_to_cart"]

Sorted by Price

[wc_product_table orderby="price" order="ASC"]

With Category Filter

[wc_product_table category_filter="true" columns="image,name,categories,price,add_to_cart"]

Wholesale Quick Order

[wc_product_table columns="sku,name,stock,price,add_to_cart" show_quantity="true" category_filter="true"]

Performance Considerations

Pagination

For large catalogs, enable pagination:

[wc_product_table rows_per_page="25"]

Loading 1,000 products at once is slow. Paginate for better UX.

Lazy Loading

Table data loads efficiently using AJAX. Initial page load is fast; data fetches as needed.

Image Sizes

Use appropriate thumbnail sizes. Large images in tables slow rendering and look awkward.

Summary

Product tables serve efficiency over discovery. B2B customers, repeat orderers, and large catalog browsers benefit from sortable, searchable tables with quick add-to-cart functionality. Replace grids with tables where speed matters.