Streaming live at 10am (PST)

Embedding a table with variants into a CMS


#1

I have succeeded in embedding a table into my website. However, I am wondering is there a better way to do it as.

This is a link the current page with the table - http://cms-hailo-shop.webflow.io/product-page/hailo-mini
It is in the specifications tab.

I have created a new table for each row of the table as this is all that is possible with each dynamic items being wrapped in a div. Each row is then populated from a collection "product variants". I have populated the header row with headings and styled that differently. This all works fine, however, because each row is a new table I have had to manually set the width of each column which is not ideal as other products have different attributes which will need different column widths.

I would prefer to have a single table with each row populated by the product variants attributes and the column widths adjusting automatically to give the contents of each cell a perfect fit.

Does anybody know how to achieve this? Or can anyone help?


Here is my public share link: https://preview.webflow.com/preview/cms-hailo-shop?preview=388054d362eceaedf0cc21408bf0f442


#2

Hi @Diarmuid_Sexton,

Don't you want to try to use Webflow divs elements for creating rows, or you specifically need a table?


#3

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.