How to Create Unlimited Row & Column Size Charts in WooCommerce

Let's you create branded, mobile-friendly size charts and attach them to products. Charts can open in a pop-up, sit in a tab, or render inline—no code needed.

Benefits of unlimited rows and columns

Unlimited rows & columns — In the Chart Table section, you can add as many rows and columns as you need. Use the one-click generator to create a large grid instantly, then fill in headers and measurements.

Use of a large chart table

• Complex catalogs (e.g., XS–5XL, half sizes, widths) need bigger tables.
• Showing all sizes in one view reduces fit confusion and pre-purchase questions.
• Faster setup for seasonal launches and brand-specific standards (US/EU/UK).

How to configure — step guide

Access the plugin

Goto: Dashboard → Dotstore → Product size chart → Size chart

Create a new chart

1. Go to Dotstore → Product size chart → Size chart and click Add new.

   Enter a Chart Title (e.g., “US Men’s Jackets — Inches”).

   In Chart Table, click Generate Table (one click) and choose the number of rows & columns you want.

   • You can also click Add row / Add column anytime—there’s no limit.

     Fill header cells (e.g., Size, Chest (in), Sleeve (in), Length (in)).

     Add notes (e.g., how to measure, in/cm hint) if needed.

     Choose Display Position: Popup, Tab, or Inline.

   • For Popup, set the button text (e.g., SIZE GUIDE).
2. In the right-side Product selection widget, select the products to assign this chart.

3. Click Publish (or Update).

   

Verify on the storefront

9) Open an assigned product page and check that the Size Guide opens and the large table renders correctly on desktop and mobile.

Real examples

Example 1 — US Men’s Jackets (inches)

• Grid: 12 rows × 6 columns generated in one click.
• Columns: Size, Chest (in), Shoulder (in), Sleeve (in), Length (in), Fit Note.
• Assign to: Sparta Bomber, Atlas Parka.
• Position: Popup with button “SIZE GUIDE”.

Example 2 — US Women’s Sneakers (inches & cm)

• Grid: 20+ rows × 5 columns (US, EU, Foot Length (in), Foot Length (cm), Width).
• Assign to: Aero Run Sneaker, StreetFlex Knit.
• Position: Tab named “Size Guide”.

Expected outcome

• You can generate and edit very large tables quickly.
• Shoppers see complete information → more confident purchases and fewer returns.
• The same chart can be reused across many products.

FAQs

1) Is there a limit to rows and columns?

There’s no hard limit in the chart table—add as many rows/columns as you need. For mobile readability, keep tables usable (e.g., group data or split by category if they get very wide).

2) Can I make US and EU versions?

Yes. Either add US/EU columns in one table or create separate charts (US / EU) and assign both to the product.

3) Can I import/export large charts?

If your plan includes Import/Export, you can move charts between sites or duplicate them quickly.

4) Can I style the table?

Use the plugin’s table design options to match fonts, borders, and spacing with your brand.

5) Will this work with Elementor/Divi/Block Editor?

Yes. Charts render on the product page regardless of the builder. Choose Popup/Tab/Inline to fit your layout.