Table

Do you want to add a table to your post or page? Well, you’re in luck because I’m here to walk you through it step by step!

How to add a table block

Adding a Table block to your content is simple. Just follow these steps.

  1. Begin by clicking the ‘+’ button on your editor. This will open a pop-up window where you can select the Table block.
  2. Alternatively, you can use the keyboard shortcut /table to insert a Table block swiftly. Remember, tables work best for organizing data rather than designing the layout of your page.

Block toolbar

Once you’ve added a Table block, you’ll see a toolbar with various icons to manipulate the block.

Transform to

The ‘Transform to’ button lets you change the table block into columns or group block easily. You can change up the block type but keep your content.

Drag & Move

Use the six-dot icon to drag your block, or the up and down arrow buttons let you move a block one position higher or lower.

Alignment

The ‘Alignment’ tool lets you adjust the width of your table in the table block. Just click the icon, and a menu will pop up with options. You can align your table to none, max 1200px wide, or full width. Additionally, you can align left, center, or right.

Column Alignment

The ‘Column Alignment’ tool lets you adjust the alignment of columns within the table. You can choose to align columns left, center, or right.

Bold and Italics

The Bold and Italics options are used to customize the text in the Table block. You can also use keyboard shortcuts to enable these text formatting.

  • Ctrl + B or Command + B to bold the text.
  • Ctrl + I or Command + I to italicize the text.

The Insert links tool lets you add a hyperlink to the selected text.

More rich text options

The drop-down menu to the left of the More options menu contains a range of additional rich text editing options such as highlighting, inline code, strikethrough, and more.

More Options

The More options menu represented by three vertical dots on the far right of the toolbar gives you more features such as the ability to duplicate, remove, or edit your block as HTML.

Block settings

After adding the Table block, you can customize its appearance and behavior through the block settings.

Settings

Configure options like fixed-width table cells, header section, and footer section.

  • Fixed-width table cells: Ensure your columns remain the same width.
  • Header section: Add a header to your table.
  • Footer section: Add a footer to your table.

Styles

Choose between different styles for your table, such as Default or Striped.

Colors

The ‘Color’ option enables you to customize your block by selecting unique colors for the text in your table block.

Typography

The ‘Typography’ option allows you to adjust the font size within your table block.

Dimension

The table block provides dimension settings options to add padding and margin.

Advanced

Add HTML anchors or CSS classes for unique styles or navigation. The HTML anchor settings allow you to create a unique anchor text for the Group block, enabling you to link it to another web page.

Additional resources