Simple Table Block Extension

Description

Simple Table Block Extension enhances the built-in WordPress Table block (core/table) without replacing it.

You can select multiple cells, switch between heading (th) and data (td) cells, merge or unmerge cells from the familiar Edit table toolbar menu, and configure responsive table display from the block settings sidebar.

The plugin works entirely inside the block editor. Editor scripts and styles load in the block editor so the Table block can be extended as soon as it is added. On the front end, table layout styles load only when a Table block is rendered.

Key features

• Extends the core Table block instead of adding a separate block type.
• Multi-cell selection with Cmd/Ctrl + click and Shift + click range selection.
• Cell highlight for single and multiple selected cells in the editor.
• Convert cells to th or td from the Edit table menu.
• Spreadsheet-style merge controls: Merge all, Merge vertically, Merge horizontally, and Unmerge cells.
• Responsive display options per table block:
  • Enable horizontal scrolling on desktop (769 px or wider).
  • Enable horizontal scrolling on mobile (768 px or narrower).
  • Optional table width for each scroll option (px, %, em, rem, or vw).
  • Stack vertically on mobile (768 px or narrower).
• Lightweight front-end asset loading when a Table block is rendered.

Usage

Selecting cells

• Click a cell to select it.
• Use Cmd (Mac) or Ctrl (Windows) + click to add or remove cells from the selection.
• Use Shift + click to select a rectangular range within the same table section (thead, tbody, or tfoot).

Editing cells from the toolbar

1. Select one or more cells.
2. Open Edit table in the block toolbar.
3. Choose one of the extension menu items:
   • Convert to heading cell
   • Convert to data cell
   • Merge all
   • Merge vertically
   • Merge horizontally
   • Unmerge cells

Responsive display settings

1. Select a Table block.
2. Open the Settings panel in the block sidebar.
3. Use the extension toggles at the bottom of the panel:
   • Enable horizontal scrolling on desktop
   • Enable horizontal scrolling on mobile
   • Stack vertically on mobile

Table width for scroll layouts

When Enable horizontal scrolling on desktop or Enable horizontal scrolling on mobile is turned on, a Table width field appears below the option help text.

Use it to set how wide the table should be at that viewport range. This helps wide tables overflow their container so horizontal scrolling can appear.

1. Turn on the desktop or mobile scroll option.
2. Enter a numeric value in Table width.
3. Choose a unit from the selector: px, %, em, rem, or vw.

Notes:

• Desktop width applies when the viewport is 769 px or wider.
• Mobile width applies when the viewport is 768 px or narrower.
• If no width is set, the table keeps its default width.
• Width values are saved per Table block.

Privacy

This plugin does not collect, store, or transmit personal data.

It does not call external services or load remote assets.