With a Table Block, you can create tables in any post or page with ease.
Ideally tables or used for structured tabular data and not page design. If columns are preferred then it would be better to use the Columns Block.
To add a Table Block, click on the Block Inserter icon and type table in the search field to find it under Formatting. You can also type /table directly into a new paragraph block to quickly find the block and hit enter.
More detailed instructions for adding blocks can be found here.
Block Toolbar
Each block has its own set of controls allowing you to edit the block from the editor. Clicking on the block reveals the table block toolbar with the following options to choose from.
These options include:
- Change Block Type & Styles
- Change Alignment
- Align left
- Center
- Align right
- Wide (if supported by theme)
- Full-width (if supported by theme)
- Edit table
- Change Column Alignment
- Bold
- Italic
- Hyperlink
- More rich text controls
- Inline Code
- Inline image
-
Strikethough - Underline
- More Options
Block Settings
Additional options for the table block are located in the editor sidebar of the block editor. Click the ‘cog’ icon next to the Publish button if the sidebar is not visible.
The Styles Settings allow you to change between the Default style or Stripes style. The Default style has a plain background with borders around the cells. The Stripes style has alternating background row colors.
With Table Settings, you have three options to further style your table.
Fixed width table cells ensure all columns will be equal width rather than adapting to the content of the table.
The Header Section and Footer Section will add additional rows for each to your table.
With the Color Settings tab, a background color can be added to your table.
The Advanced Tab lets you add a CSS class to your block allowing you to write custom CSS and style the block.