Documentation

Quick start

1. Add FlowTable Builder to your Webflow workspace (Marketplace or workspace apps)
2. Open a Webflow site in the Designer
3. Go to Apps → FlowTable Builder
4. Click Launch App (not "Launch development App")
5. Select a Div Block on the canvas
6. Add rows/columns, edit cells, adjust styling
7. Click Apply to canvas

Generated structure

Each table uses semantic HTML:

Div Block (responsive host)
└── <table>
    ├── <thead> → <tr> → <th>
    └── <tbody> → <tr> → <td>

Editing existing tables

Select any part of a FlowTable (host div, table, or cell). The app loads existing data. Make changes and click Update table.

Responsive behavior

When "Responsive wrapper" is enabled, the selected Div Block scrolls horizontally on small screens. The table keeps a minimum width so columns stay readable.