Common
Getting Started
Updates
Writing & Editing
Categories & Taxonomies
Editor Blocks
How To’s
Features
Translations
JetPack
3rd Party API
Troubleshooting
Development
About The Theme

Table Block

The Table Block allows you to create a table in any post or page easily. This block is best used for tabulated data.

To add a table, click on the Add Block button and select the Table block. Alternatively, you can start typing /table in a new paragraph block, then press enter.

Use the slash command /table to insert a table block

Detailed instructions on adding blocks can be found here.

Block Interface

To reveal the block toolbar, you can click on the block and the toolbar will display. Each block comes with unique toolbar icons and specific user controls that allow you to manipulate the block right in the editor.

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 table block also offers a few other formatting options in its toolbar:

  • Convert block type

  • Edit table

  • Bold

  • Italic

  • Hyperlink

  • Strikethough

  • More Options

Table Settings

Within this panel 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.

Alignment

A block-specific toolbar will appear whenever you select the table block. Three of the options are for the block’s alignment, right, center, and left. Choosing the right or left will allow you to place another block alongside the table block moreover picking center will return the block to its default, taking up the full width of the post or page content.

If you wish for the table to be emphasized on the page, the Wide and Full-Width options will expand the table block beyond the bounding column of the page. These two options are exclusively available within the Conj - eCommerce WordPress Theme which supports these alignments in any fluid width page template.

Styles

The table block includes two styles, Regular and Stripes:

The table block styles

A regular table has a plain background and borders around the cells that looks like this:

An example of a table with the regular style

Meanwhile, a striped table is a little different and has alternating row background colors, and looks like this:

An example of a table with the striped style

In addition to the options found in the block’s toolbar, you may locate the block specific settings in the editor sidebar panel. Clicking on the cog icon next to the publish button will toggle the visibility of this panel.

The table block settings can be found in the sidebar

Advanced

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

When selecting one of the two styles available, this field is pre-populated with the CSS class that targets the chosen style.