Welcome to the product table demo tour!

1. Standard product table facilities

  • Basic product table layout
  • Instant search and sort facility for one page results
  • Nested rows and multiple elements inside table columns
  • Bulk add products to cart using checkbox

2. Other popular facilities

  • Child row for showing more product information
  • Group products by their categories
  • Multiple heading rows with grouped columns
  • Show products only after category selection
  • Downloadable product files like PDF, MP3, zip etc
  • Infinite scroll no need for 1,2,3 pagination buttons

3. Variable product facilities

  • Variation options will appear in popup during add to cart
  • Combined dropdown for selecting variations
  • Combined radio buttons for selecting variations
  • Separate variation attribute dropdowns
  • Separate table for product variations

4. Product image facilities

  • Enlarge product image on mouse hover
  • Open product image in lightbox on click
  • Swap product images on mouse hover
  • Show each product's own image gallery

5. Product quick order form

  • Total column shows calculation for quantity * cost
  • Bulk add to cart from checkbox & remove from cart option

6. Navigation filter facilities

  • Show navigation filters in a sidebar
  • Link product properties to corresponding filter options
  • Range slider filters for price and custom fields
  • Apply multiple filters before triggering navigation

7. Large product tables

  • Freeze table columns, Download CSV button
  • Tooltips in filter headings, drag table for horizontal scroll

8. List layout for products

  • Multiple nested rows inside the table columns
  • Display product properties in a nested grid layout