How to Create a Table in WordPress (Gutenberg)

It was not that easy to make a table in WordPress Classic Editor with a responsive and highly functional design. So if you still haven’t ditched the latter, it’s a great chance to start building your WordPress site in a more comfortable way with Gutenberg.

Let’s get to the point and assess the features of the table Gutenberg block.

The pros of the wp-block-table:

• Suitable for comparison and general data presentation tables
• Easy to add without needing to install extra plugins
• Native WordPress editing experiences
• A few table styles
• Distinguishing table header and footer.

The drawbacks of wp-block-table:

• Limited table options (e.g. you can’t merge/split cells)
• Limited styling options (colors, fonts)
• Hard to scale to more advanced tables.

How to Create A New Table In WordPress Block Editor?

Gutenberg version 5.4.2

First of all, add the Table block to the page:

It will ask you to choose the number of rows and columns – don’t worry, you can update them later.

WordPress How To Make A Table Settings

Here are a few settings you can start with (editable via the right-hand block panel) –

• Fixed width cells (if turned off, browsers usually use the automatic table layout algorithm)
• Optional header and footer.

For example, let’s turn on the header and footer sections – two bold sections that definitely improve the look of the table will appear:

You may find them helpful depending on what type of table you need to build.

WordPress Table Styles

There are two styles – default (just like in our previous examples – inherited from your WP theme) and stripped.

Opting for the “Stripes” style, you’ll be able to add more visual hierarchy and create better comparison tables:

A color palette for the background colors is limited: there are just a few colors you can apply.

Row and column settings

You can easily manipulate rows and columns, e.g. add and delete them where needed.

If you are, however, looking for more table options in Gutenberg, you might want to download free Getwid Gutenberg blocks. The addon comes with the Advanced Table block, which, among other features, allows you to merge cells, customize cell backgrounds with any color, tweak styling for borders, and more. It’s completely free so you can use it without limitations.

If your WordPress theme supports different layouts widths, you can make your tables full-width as well (it will span the whole screen). My Getwid Base theme supports it so I can make the table full-width easily:

So… How Do I Create Tables Inside WordPress (Gutenberg)?

Gutenberg fast-tracked all sorts of customization in WordPress, including such complex things as tables. Now you can with almost no effort create responsive tables with the default Gutenberg table block or install extra table blocks like Getwid for more advanced settings.

What is Getwid?

Getwid is a free WordPress plugin, which expands the default capabilities of the Gutenberg editor. It includes 40+ different blocks for multipurpose use 35+ pre-built templates for different website pages and their sections. But more importantly, it provides the Advanced Table block that gives you an idea on wordpress how to create a table.

Main Features:

• the largest (40+) third-party collection of free blocks;
• extensive attributes for each block;
• clean & lightweight code;
• compatibility with core Gutenberg blocks;
• compatible with all Gutenberg themes.

What is your favorite way to build tables in WordPress? Do you need an extra Gutenberg table plugin?