Join the Webstudio community

Updated 7 months ago

HTML Table with a Collection

At a glance

The community member wants to display an HTML table with a static header, column width, and styling, but with dynamic content in the rows. They are interested in a solution that would work with a collection, allowing the table to be used in dynamic pages with a slug.

Other community members suggest using flex instead of a table, and provide links to relevant discussions and an issue on GitHub. They also indicate that designing a row and dropping it into a collection would allow the collection to repeat the row for each item and provide the item's data.

There is no explicitly marked answer in the comments.

Useful resources
Hey,
I want to display a typical HTML Table that would preferably change content like a collection. So, header is static, column width and styling is static, but the rows are dynamic content. Is that possible?
Cheers!
[
J
L
5 comments
So basically the output in the feel of this:
https://docs.gitbook.com/content-editor/blocks/table
But on a dynamic content source.

Also, I want to use this in the dynamic pages with :slug.
Table doesnt exist yet but you can use flex (see this discussion https://discord.com/channels/955905230107738152/1237930391508357171

I guess we didn't have an issue for this, but we do now. https://github.com/webstudio-is/webstudio/issues/3711
But does it work with a collection for dynamic content?
yeah design a row and drop it into a collection. collection will repeat it for each item and give you that item's data
Add a reply
Sign up and join the conversation on Discord