| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Cell 1.1 | Cell 1.2 | Cell 1.3 |
| Cell 2.1 | Cell 2.2 | Cell 2.3 |
| Cell 3.1 | Cell 3.2 | Cell 3.3 |
| Cell 4.1 | Cell 4.2 | Cell 4.3 |
Click any cell to edit text · Drag the canvas to pan
Size
Need a larger table? Set exact values:
Typography
Border
Cell padding
Header style
Rows
Per-row override
Optional. Overrides zebra/default for that row.
Columns
Alignment and optional background per column.
Import existing table
Paste the embed code from a previously generated table to keep editing it.
Embed code lux-r35fiv5tdb
Paste into a Webflow Embed element. Inline styles only; classes use a unique prefix per session so they cannot clash with your CSS.
One of the most common asks we get from our clients is "how can we have this as a table in Webflow?" So we decided to build a tool which makes designing beautiful, semantic tables for Webflow (and any other platform that supports custom code embeds) incredibly easy (and it's free).
Simply build your table visually using our free tool, and then copy the embed code. You can then paste that into a code embed in Webflow.
Styles are in-line, and classes have unique prefixes so they'll never clash with your existing CSS.
Want to learn how to use it? Check out our quick and easy HTML table builder guide.
Got a feature request?
Have an idea on how we can improve the table builder? Drop us a message and we'll explore adding it to the app in the future.