Blocks

Blocks »Table Block

The Table Block allows you to (finally!) easily create a table in any post or page.

How to add and edit a table block

Tables are best used for tabulated data rather than page design (eg if you want columns you can use the Columns Block!).

You can add the Table Block by clicking the Add Block button, or by typing /table into a new block.

Detailed instructions on adding blocks can be found here.

Block Toolbar

In order to reveal the block toolbar, you can click on the block and the toolbar will display. Each block has its own block-specific controls that allow you to manipulate the block right in the editor. The table block offers the following options in its toolbar:

The Table Block toolbar includes alignment, formatting and an edit table button.

The Table Block includes some standard icons and the unique Edit Table button. The toolbar options are:

  • Convert Block & Block Styles
  • Align left
  • Center
  • Align right
  • Wide (if supported by theme)
  • Full-width (if supported by theme)
  • Edit table
  • Bold
  • Italic
  • Hyperlink
  • Strikethough
  • More Options

↑ Table of Contents ↑

Block Settings

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.

↑ Table of Contents ↑

Styles

There are two styles available for tables, by default: Regular and Stripes.

The Regular style has a plain background and borders around the cells. The Stripes style has alternating row background colors.

The final appearance of the table may vary depending on your theme.

↑ Table of Contents ↑

Table Settings

You have the option to tell the table to use fixed width cells, which means rather than adapting the column widths to the content of the table, all columns will be equal width.

↑ Table of Contents ↑

Advanced

The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.

The advanced section lets you add a CSS class to your block.
The advanced section lets you add a CSS class to your block.

Not quite what you're looking for?

Get Help