While DIVs are superior for layout, HTML Tables can offer a simplicity of data-presentation that is tough to beat.
Webflow does not have a Table element, so we’ve added the ability to generate an HTML table anywhere you like, from tabular JSON data.
DEMO - Google Sheet to HTML Template Repeater
Retrieve data from a Google sheet, and convert it to JSON.
Demonstration
Template looks like this
<template id="template1">
<div>
<p><b>#{{Rank}} - {{Country}} ({{Region}})</b> - {{Population}}</p>
</div>
</template>
Resulting data;
#{{Rank}} - {{Country}} ({{Region}}) - {{Population}}
- Retrieved from a Google Sheet source as CSV.
- Google spreadsheet source - link
- Converts to JSON.
- Repeats using an HTML template
DEMO - Google Sheet to HTML Template Repeater ( LoCode )
LoCode version using minimal javascript configuration code.
Retrieve data from a Google sheet, and convert it to JSON.
Demonstration
DEMO - Google Sheet to HTML Template Repeater ( NoCode )
NoCode version using wfu- attributes.
Retrieve data from a Google sheet, and convert it to JSON.
Demonstration