Quick Answer

Click Undo (the left arrow) or Redo (the right arrow) in the top bar of the WP Table Builder builder, or press Ctrl+Z to undo and Ctrl+Shift+Z to redo (Cmd on a Mac). Undo covers element, cell, row, column and setting changes, and text edits. The AI Assistant panel has its own Undo and Redo buttons for AI changes. History is kept until you leave the builder.

Undo lets you try things without risk. If a change does not look right, step back and try something else.

Requirements

Undo and redo with the top bar

The Undo and Redo buttons sit to the left of the Desktop, Tablet and Mobile preview icons. They are grayed out when there is nothing to undo or redo.

Keyboard shortcuts

What can be undone

• Adding, moving, duplicating and deleting elements
• Adding, merging, splitting, duplicating and deleting rows and columns
• Changes in the Settings, Responsive and element panels
• Text typing and formatting
• AI Assistant changes, with the arrows in the AI panel. See How to Use the AI Assistant in WP Table Builder.

Things to know

• History is cleared when you leave or reload the builder. Saved changes cannot be undone after that.
• Saving does not clear the history while you stay in the builder.
• To get back an older version of a table you already saved and left, restore it from a backup or an XML export. See How to Export Tables in WP Table Builder (CSV and XML).

Frequently asked questions

Related docs

• WP Table Builder Interface: A Tour of the Table Builder
• How to Use the AI Assistant in WP Table Builder
• How to Export Tables in WP Table Builder (CSV and XML)
• How to Delete a Row or Column in WP Table Builder

Quick Answer

Click the empty space inside the cell, expand Cell Control in the left panel and turn on Empty Cell. Click Save. The cell keeps its place in the table but shows no border or background, which is useful for the top-left corner of comparison and pricing tables. Empty Cell is a WP Table Builder Pro feature.

An empty cell looks like a gap in the table. It is a common design choice when the first row holds product names and the first column holds feature names, leaving the corner cell with nothing to show.

Requirements

Steps

1. Open the table in the builder.
2. Delete any elements in the cell you want to empty (select each one and click Delete block).
3. Click the empty space inside the cell to select it.
4. Expand Cell Control and turn on Empty Cell.
5. Click Save.

Other Cell Control settings

Frequently asked questions

Related docs

• How To Change Single Cell Background Color (PRO)
• How to Delete a Row or Column in WP Table Builder
• How to Set Vertical Alignment and Content Distribution in WP Table Builder
• How to Add Custom CSS in WP Table Builder

Quick Answer

Click the empty space inside a cell, expand Row & Column Control in the left panel, and set Column Width (px) for that cell’s column or Row Height (px) for its row. Leave a value at 0 to let the browser size it automatically. To control automatic columns for the whole table, set Cell Min Auto Width in the General section of the Settings tab. All of these settings are free.

By default, WP Table Builder lets the browser size columns to fit their content. Set fixed sizes when you want equal columns, a narrow label column, or taller header rows.

Requirements

Set a column width

1. Open the table in the builder.
2. Click the empty space inside any cell of the column.
3. Expand Row & Column Control.
4. Enter a value in Column Width, for example 200. Click the reset arrow to go back to automatic width.

Set a row height

1. Select a cell in the row.
2. In Row & Column Control, enter a value in Row Height (up to 500 px).

The row is never shorter than its content. A height smaller than the content has no effect.

Control automatic column widths

In the Settings tab, General section:

When the table needs more width than the page allows, turn on horizontal scrolling so visitors can scroll instead of seeing squeezed columns.

Frequently asked questions

Related docs

• How To Center A Table
• How to Make a Table Scroll Horizontally in WP Table Builder
• How to Set Vertical Alignment and Content Distribution in WP Table Builder
• How to Make a Table Responsive in WP Table Builder

Quick Answer

Open the table in the builder and click the empty space inside a cell. A handle appears above the cell (Drag to move this column) and one to its left (Drag to move this row). Drag the top handle left or right to move the column, or the left handle up or down to move the row, then click Save. Moving rows and columns is a WP Table Builder Pro feature.

Reordering lets you change the order of products, plans or entries without rebuilding the table. All content and styling moves with the row or column.

Requirements

Move a row

1. Click the empty space inside any cell of the row.
2. Grab the handle on the left edge of the selected cell (Drag to move this row).
3. Drag it up or down and release it at the new position.

Move a column

1. Click the empty space inside any cell of the column.
2. Grab the handle above the selected cell (Drag to move this column).
3. Drag it left or right and release it at the new position.

Click Save when the order is right. Use Undo if a move goes wrong. See How to Undo & Redo Changes in WP Table Builder.

Reorder elements inside a cell

To change the order of elements (for example put the image above the title), open the block tree and drag the elements, or use Move block in the element’s floating toolbar.

Let visitors reorder the table

If visitors should be able to sort rows themselves, turn on sorting instead. See How To Make A Table Sortable.

Frequently asked questions

Related docs

• How to Duplicate a Row or Column in WP Table Builder (Pro)
• How to Add Rows or Columns to a Table in WP Table Builder
• How to Use the Block Tree in WP Table Builder
• How To Make A Table Sortable

Quick Answer

Open the table in the builder, click the empty space inside a cell in the row or column you want to copy, then click Duplicate row or Duplicate column in the toolbar above the table. WP Table Builder inserts an exact copy, with all elements and styling, next to the original. Click Save. Duplicating rows and columns is a WP Table Builder Pro feature.

Duplicating is the fastest way to add a new product, plan or entry that looks like the existing ones: copy a finished row, then change the text.

Requirements

Steps

1. Open the table in the builder.
2. Click the empty space inside a cell of the row or column you want to copy.
3. Click Duplicate row or Duplicate column in the toolbar above the table.
4. Edit the content in the new row or column.
5. Click Save.

Duplicate vs add

To copy a single element instead, select it and click Duplicate block in its floating toolbar. To copy a whole table, see How To Duplicate A Table.

Frequently asked questions

Related docs

• How to Add Rows or Columns to a Table in WP Table Builder
• How To Reorder Row/Column (PRO)
• How To Duplicate A Table
• How to Delete a Row or Column in WP Table Builder

Quick Answer

Click the empty space in the first cell, hold Shift and click the last cell to select a block of cells, then click Merge cells in the toolbar above the table. The cells become one cell that keeps all of their content. To undo a merge later, select the merged cell and click Split cell. Merging and splitting are free.

Merging cells creates one cell that spans several rows, several columns, or both. It is useful for section headings across a table, plan names over several columns, or one tall cell next to several rows.

Requirements

Step 1: Select the cells to merge

1. Click the empty space inside the first cell (not its text).
2. Hold Shift and click the empty space inside the last cell. WP Table Builder highlights the whole rectangle between the two cells.

Step 2: Merge the cells

Click Merge cells in the toolbar above the table. The selected cells become one cell.

The merged cell keeps every element from the original cells, stacked from top to bottom. Delete the elements you do not need with Delete block.

Split a merged cell

1. Select the merged cell.
2. Click Split cell in the toolbar. The cell goes back to separate cells.

Tips

• The selection is always a rectangle. To merge an L-shaped area, merge it in two steps.
• Merged cells work with responsive mode, but check the Tablet and Mobile previews, because stacked layouts handle spans differently.
• Sorting a table with merged cells in the sorted area can give unexpected results. Keep merged cells in the header row or outside sortable columns.

Frequently asked questions

Related docs

• How to Add Rows or Columns to a Table in WP Table Builder
• How to Delete a Row or Column in WP Table Builder
• How To Change Row Height and Column Width In WP Table Builder
• How to Make a Table Responsive in WP Table Builder

Quick Answer

Open the table in the builder, click the empty space inside a cell in the row or column you want to remove, then click Delete row or Delete column in the toolbar above the table. If you remove the wrong one, click Undo in the top bar. Click Save when you are done.

Deleting a row or column removes it and everything inside it: text, images, buttons and other elements.

Requirements

Steps

1. Open the table in the builder.
2. Click the empty space inside any cell of the row or column you want to remove.
3. Click Delete row to remove that row, or Delete column to remove that column. They are the last two buttons in the toolbar above the table.
4. Click Save.

Undo a deletion

Click Undo in the top bar, or press Ctrl+Z (Cmd+Z on a Mac), before you save. See How to Undo & Redo Changes in WP Table Builder.

Delete content but keep the cell

To clear a cell without removing its row or column, select each element in the cell and click Delete block in its floating toolbar. To keep a cell in place but hide its border and background, use Empty Cell (Pro). See How To Make A Cell Empty (PRO).

Frequently asked questions

Related docs

• How to Add Rows or Columns to a Table in WP Table Builder
• How to Undo & Redo Changes in WP Table Builder
• How To Make A Cell Empty (PRO)
• How To Merge Cells In A Table

Quick Answer

Open the table in the builder and click the empty space inside a cell to select it. In the toolbar above the table, click Add row above or Add row below to insert a row, or Add column to the left or Add column to the right to insert a column next to the selected cell. Click Save. Adding rows and columns is free.

You can change a table’s size at any time, even after it is published. New rows and columns are inserted next to the cell you select.

Requirements

Step 1: Select a cell

1. Go to WP Table Builder > All Tables and click Edit under your table.
2. Click the empty space inside a cell, not the text. The left panel shows the cell name, for example Cell B3, and the toolbar buttons become active.

Step 2: Add a row or column

Hover over a toolbar button to see its name. Each new cell contains an empty Text element.

Step 3: Save

Click Save. The bar under the canvas shows the new size, for example 5 rows × 4 columns.

Faster ways to add content

• Duplicate row and Duplicate column (Pro) copy a row or column with all its content and styling. See How To Duplicate A Row/Column (PRO).
• The AI Assistant (Pro) can add and fill rows from a prompt such as @Table add 5 more rows. See How to Use the AI Assistant in WP Table Builder.

Frequently asked questions

Related docs

• How to Remove a Row/Column
• How To Duplicate A Row/Column (PRO)
• How To Merge Cells In A Table
• How To Reorder Row/Column (PRO)
• How to Create Your First Table in WP Table Builder

Quick Answer

Open the table in the builder, go to the Settings tab, and in the General section turn on Use th for first row. Click Save. WP Table Builder then outputs the first row as th header cells instead of td data cells, which tells browsers, screen readers, search engines and AI tools that the row contains column headings. The setting is free.

In HTML, a table header cell (th) marks a cell as a heading for its column, while a data cell (td) holds normal content. Using th cells for your column names makes your table more accessible and easier for machines to understand.

Requirements

Step 1: Turn on th cells for the first row

1. Go to WP Table Builder > All Tables and click Edit under your table.
2. Click the Settings tab and open the General section.
3. Turn on Use th for first row.
4. Click Save.

Step 2: Style the header row

Turning on th cells changes the HTML, not the look. To make the header row stand out visually:

• Set Header Background in the Background section of the Settings tab. See How To Change The Header Background Color.
• Make the header text bold or larger in the text element settings. See How to Change Font Color and Font Size in WP Table Builder.
• Turn on Header Inner Border in the Border section to control the lines inside the header.

Why th header cells matter

Header rows on mobile

When responsive mode stacks a table on phones, the First Row As Header option in the Responsive tab repeats the header labels next to each value. See How To Make A Table Responsive.

Frequently asked questions

Related docs

• Are WP Table Builder Tables SEO-Friendly? (Do They Use HTML?)
• How To Change The Header Background Color
• How To Make A Table Responsive
• How to Add a Search Box to a Table in WP Table Builder

Quick Answer

Click Open block tree in the top bar of the WP Table Builder builder (the icon to the left of AI Assistant). A panel opens on the right listing every row, cell and element in the table. Click any item to select it on the table, expand rows to see their cells, and drag elements in the list to reorder them.

The block tree is an outline of your table. It shows the structure (table, rows, cells and the elements inside each cell) as a nested list, which makes large tables much easier to navigate and edit.

Requirements

Open the block tree

1. Open a table in the builder.
2. Click Open block tree in the top bar. The icon sits between Save and AI Assistant.
3. Click it again, or click the X in the panel, to close it.

What the block tree shows

• The table at the top, with its size, for example Element showcase 11 × 4.
• Each row, with the number of cells, for example Row 2 4 cells.
• Each cell, named by column letter and row number (for example Cell A2), with the types of elements it holds.
• Each element inside a cell, such as Text, Button or Custom Html.

What you can do in the block tree

When the block tree helps most

• Selecting small or hidden elements, such as an empty text element or an element under a ribbon.
• Large tables, where scrolling the canvas to find one cell is slow.
• Cells with several elements, where you need to change their order.
• Finding the cell name (like Cell C4) to use in an AI Assistant mention such as @Cell:4,3.

Frequently asked questions

Related docs

• WP Table Builder Interface: A Tour of the Table Builder
• How to Undo & Redo Changes in WP Table Builder
• How To Add Rows or Columns To An Existing Table
• How to Use the AI Assistant in WP Table Builder