Repeater ⛔

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.

Template looks like this

<template id="template1">
<div>
    <p><b>#{{Rank}} - {{Country}} ({{Region}})</b> - {{Population}}</p>
</div>
</template>

Retrieve data from a Google sheet, and convert it to JSON.

LoCode version using minimal javascript configuration code.

DEMO - Google Sheet to HTML Template Repeater ( LoCode )

  • 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 ( NoCode )

NoCode version using wfu- attributes.

Retrieve data from a Google sheet, and convert it to JSON.

Demonstration

https://wfu.sygnal.com/docs/webflow-html/repeater/

Last updated