Skip to content

🎁 BFCM is live! Save up to 30% on EComposer and unlock a free Feature Pack. Explore deals

🎁 The4 BFCM: 15% off Athora & Vetro + free homepage setup & 6 months of EComposer Standard free. See the deal

4.93,472 reviews on the Shopify App Store Install free New to Shopify?Open your store

How to build a stunning table with Ecomposer

Method 1: Using pre-built tables in App Library

We already built many beautiful tables that you can just use them right away. Kindly open the App Library on the side bar to see them.

How to build a stunning table with Ecomposer — Method 1: Using pre-built tables in App Library (Screenshot 1)

Under Section type, search for keyword “table” then you can choose one table style you like -> click Insert now to use on your current page.

How to build a stunning table with Ecomposer — Method 1: Using pre-built tables in App Library (Screenshot 2)

Method 2: Combining Row and Column

This method is more complicated than the first method. However, it is useful in cases when you want to insert images into the table content, you have to use Row and Column (one Row has multiple columns)

How to build a stunning table with Ecomposer — Method 2: Combining Row and Column (Screenshot 1)

Step 1: Setting up border for each Column

Step 2: Duplicating Row

Step 3: Adding table content

Step 4: Adjusting table on Mobile

On mobile view, the width of each column is changed 100% width. If you want to see all 4 columns in one row, let’s reduce the width to 100/4 = 25% width per column.

Last updated

Was this page helpful?