gutenberg table block wordpress

How to Create a Table in WordPress (Gutenberg)

If you are asking yourself questions like “How do I create a table in WordPress?”, this post is for you. And the truth is, if you use the Gutenberg block-based editor, you don’t even need any extra WordPress table plugins. Gutenberg offers a dedicated WordPress table block with some basic functionalities that should suffice for building many types of tables.

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:

table block wordpress

  • 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:

how to create a table in wordpress gutenberg

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:

wp block table header footer

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:

stripes styles

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

gutenberg table block colors

Row and column settings

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

column setting table gutenberg block

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:

full-width table wordpress

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?

What are some alternative ways to build a table in WordPress?

The most difficult path to take is to build a table in the Classic editor. The block editor already deals well with tables yet it lacks some styling features. For more opportunities of working with tables in WordPress, you can either download more third-party table blocks or use popular builders, such as Elementor.

How good is the table block by Getwid?

Unlike the core table block, the Advanced Table block by Getwid allows you to merge and split cells, apply a custom background color, customize borders and cell paddings.

Is it easy to build a table in WordPress?

Yes, you just need a dedicated table block – either by the block editor or by a third-party plugin.

4 Replies to “How to Create a Table in WordPress (Gutenberg)”

  1. I’m using Blocksy with Gutenberg, but finding the Getwid table block to be very buggy. Some cell data just doesn’t publish. It seems to just get dropped. It’s there in the editor, but not the published page. When I look at the published page in the browser’s developer inspector, the data is missing…

    1. Hi Donald,
      Perhaps there is a conflict with a third-party plugin that is installed on your site. You may try disabling the plugin one by one to find the one that causes an issue.

    1. Hi Ivars, Gutenberg and Elementor are different editors and there is no possibility to use the Gutenberg table in Elementor.

Leave a Reply

Your email address will not be published. Required fields are marked *