Skip to main content

Comparison Table

A feature-comparison table — plans, tiers, or this product against the alternatives. With a highlighted column and a sticky header.

The block renders through the comparison_table element — the same PHP that runs in the page builder, so the front end is identical either way.

What the sidebar exposes

OptionWhat it does
columnsThe things being compared — one per column
rowsThe features compared, and each column's value for them
styleTable design preset
highlight_featuredEmphasise the column marked featured
sticky_headerKeep the header row visible while scrolling
center_cellsCentre cell contents
product_schemaEmit product structured data
accent_colorAccent colour
header_bgHeader background
header_textHeader text colour
text_colorCell text colour
border_colorTable borders
font_size_presetText size preset

Anything not listed stays available in the page builder, and round-trips untouched — the block only writes the values you change, so an element styled in the builder keeps every setting this sidebar does not show.

Fill the repeaters in order: columns first, then rows

This is the only block with two repeaters, and they are not independent. Row values are defined per column, so a row added before its columns exist has nowhere to put them.

note
sticky_header sticks to the canvas, not the page

The header pins itself to whatever is scrolling. In the editor that is the canvas iframe, so the behaviour is real but the frame of reference is not the visitor's — check it in a page preview.

caution
product_schema describes products, not plans in general

It is right for a table comparing things you sell, with real prices and availability. On a feature-matrix that is not a product listing, the markup describes something that is not there.

Margin and padding come from Gutenberg

The block declares core spacing support, so the element's own spacing option is not exposed here — use the Dimensions panel at the top of the sidebar.