Join the waitlist

Build a comparison table in WordPress

A grid with even lines between cells, where every cell can hold any blocks. It reflows neatly on phones and can reveal cell by cell.

Get Grinner free
See it live

Type

A Grinner block

Find it

Press + and search “Table”

Phones

Cells reflow to the phone columns you set

Speed

No script to load

Live demo

Side by side, cell by cell.

This is the real Table block, running on this page.

Tea

Coffee

Hot chocolate

Caffeine

A gentle lift

The big one

Barely any

Best time

Mid afternoon

First thing

A cold evening

Biscuit

Digestive

Biscotti

Shortbread

Settings    Columns 4     Column widths 2 / 1 / 1 / 1     Mobile columns 2     Reveal Fade Up

What you can change

The settings worth knowing.

Columns per screen, cell roles, lines and an entrance.

Mon

Tue

Wed

Thu

Yoga

Swim

Rest

Run

Columns

Columns for each screen

From 1 to 8 on desktop, with separate tablet and phone columns.

Small

Large

Mug

250ml

400ml

Price

$2

$3

Style first row as header

Header row and empty corner

Make the first row a header, and set any cell to Spacer to leave a clean, empty corner.

Table column widths, a table whose first column is twice as wide as the other two, with an outer border

Column widths

Wider columns

One number per column, such as 2 / 1 / 1, makes the first column twice as wide. Tablet and phone columns stay equal.

Room

Seats

Garden

12

Library

8

Line width

Lines and colors

Inner lines from 0 to 8px in any palette color, and an outer border from the Styles tab that can differ from them.

How to add it

Three steps. No new tool.

1

Install Grinner free

It’s on WordPress.org. Or go to Plugins, Add New, and search for Grinner Blocks.

2

Add a Table

Press + and search for Table, set the columns and add your rows.

3

Fill the cells

Put any blocks in each cell, choose colors and a reveal, then publish.

Good to know

Fair questions.

The Table block is a Grinner block for a grid with even lines between cells, where every cell can hold any blocks. It reflows neatly on phones and can reveal cell by cell. Use it for comparisons, price lists and timetables.

Yes. Type one number per column in Column widths, such as 2 / 1 / 1. Widths apply while every column shows, and tablet and phone columns stay equal.

Paragraphs placed straight in a cell keep their spacing. Set their margins to zero.

No merged cells and no sorting.

Cells stack in order, header cells first, unless you give phones more than one column.

GrinBot -⁠ coming soon

Make your next site beautiful.

GrinBot designs and builds it for you. Join the waitlist for the launch price.

  • Studio-quality design
  • Built for speed
  • Pay once, no subscription

You’re on the list. We’ll email you when GrinBot launches.

Something went wrong. Please try again in a moment.

We’ll email you about the launch. Unsubscribe any time. Privacy policy

Or get the free Grinner plugin →

Pairs well with

Try it with these.

All blocks features

Card Mode

Turn a section, or each block in it, into a card with one switch.

Section entrances

Sections fade, slide or zoom in, one after another.

List, separator and quote styles

Tick lists, arrow lists, dotted separators and a big quote mark.

Grinner grinning

Go make something
beautiful.

Get Grinner free

Free on WordPress.org · No Pro version