Grid
Add appends at the end. Duplicate and Delete act on your selection, or on the last row or column when nothing is selected. Copies keep their merges, tints, icons and weights, so duplicating a row you only need to change one value in is the fast path. Ctrl+D duplicates the selected rows.
Reset, in the top bar, clears content, merges, tints and icons back to an empty 4 × 4. Your styling and saved icons stay.
Headers
Two header rows is what a grouped header needs: merge the group label across the columns it covers, then merge each label column down through both rows.
Weight
Select cells and use the weight buttons in the toolbar to override individual cells.
Alignment
Select cells in the table to override alignment on just those.
Cell tints
Each tint becomes one combo class, so a hundred tinted cells still share four styles. Rename them for what they mean in your table, not for the colour: a class called is-supported survives a palette change, is-green does not.
Text colours
Optional. Leave it empty and every cell keeps the body and header colours set above. Add one and it appears in the toolbar strip, applied to whichever cells you have selected.
Colour variables
Name it, pick a colour, and it appears in every list below. The CSS variable name is taken from the name you give it.
The swatch is the colour the preview draws with, and it is written into the export as the fallback, so a token your project does not define still renders this colour rather than nothing.
Webflow variables
Leave a field empty to keep its picked colour. Paste a variable in either form: var(--_color-scheme---text) works on the published site and in the embed, while Webflow's own @var_… token binds the swatch properly in the Designer. Grab that token by copying an element that already uses the variable and reading its styleLess in the Data tab probe.
A token pasted here overrides a variable picked above for the same role.
Scroll threshold
px
The table never shrinks below this. Once the container is narrower, the wrapper scrolls sideways instead of crushing the columns.
Behaviour
Pinning the first column keeps the row label in view while the data scrolls past it. It needs an opaque row background, which the export handles.
The fade only appears when there is more table to scroll to, which needs eight lines of JavaScript to work out. The HTML embed export includes it. For the Designer route, paste this once into the page head.
Accessibility
Adds tabindex, role and a label to the wrapper. Without it a keyboard user cannot scroll to the far columns at all.
Import a table
Accepts an HTML table, a Webflow paste payload, a Markdown table, or rows copied from a spreadsheet.
Importing replaces the whole table and brings merges, header rows, alignment and icons with it. Appending adds rows to what you already have and ignores merges.
Saved tables
A save keeps everything: rows and columns, merges, header setup, every style setting, tints, icons and the caption. Turn content off to store it as a blank template you can drop new data into.
Autosave
Keeps the table you are working on so closing the tab does not lose it. Separate from your saved tables, and overwritten as you work.
Verify the Webflow payload
Copy any element inside the Webflow Designer, paste it below, and this reports the node and style shape Webflow actually uses right now.