Flexible Table Block

Description

Merge and Split Cells

You can merge or split cells from multiple selected cells.

Flexible Styling

You can set various styles for each tag of table, cell, and caption indivisually.

Advanced UI

You can easily select a batch of cells in a section, or select, add, or delete rows and columns with the buttons.

Responsive Support

You can set the table to scroll horizontally on both Desktop and mobile, and arrange cells vertically on mobile.
The breakpoints for switching between Desktop and mobile can be changed freely.

Screenshots

  • Merge and Split Cells
  • Flexible Styling
  • Advanced UI
  • Responsive Support

Blocks

This plugin provides 1 block.

  • Flexible Table Create flexible configuration table.

Installation

  1. Upload the flexible-table-block folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the \’Plugins\’ menu in WordPress.

Reviews

25 July 2022
Just enough to put one or two tables in a site (or more obviously) and be able to style them easily. This avoids daping heavy and oversized plugins. Thanks.
13 May 2022
カスタムブロックをフルに活かせるプラグインです。 一度使うと手が離せません。これまでは、カスタムHTMLでテーブルを作成しておりましたが、このプラグインで解決できます。
11 April 2022
デフォルトのテーブルブロックではできなかった便利な機能がたくさん追加されます。 個人的には一列目のth化、セルの結合、セルの一括選択と編集、セルの文字色や背景色などが助かりました。
13 March 2022
グーテンベルクに対応した新しい表。表の中でcssを適応できたり、セル背景色の変更などかゆいところに手が届くプラグインになっており、重宝しております。 本当にありがとうございます。
19 January 2022
初心者でも簡単に表を作成できるのでとても便利です。 クラシックエディターに切り替えなくても、ブロックエディター内でセルの結合などの高度な設定ができるのが最高です。デフォルトテーマに内蔵されている表ブロックだとここまで自由にカスタマイズはできませんでした。
Read all 9 reviews

Contributors and Developers

“Flexible Table Block” is open source software. The following people have contributed to this plugin.

Contributors

“Flexible Table Block” has been translated into 2 locales. Thank you to the translators for their contributions.

Translate “Flexible Table Block” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Change Log

2.7.2

  • Change: Style to break lines in cells

2.7.1

  • Change: Don’t update cell tag when cell settings are cleared
  • Fix: Certain operations break the block

2.7.0

  • Add: id, headers, scope attribute controls to cell settings
  • Fix: Browser warning error
  • Fix: Not transformed to core table block correctly

2.6.2

  • Fix: Scrolli table doesn’t show edges
  • Add: Help text about scroll table
  • Add: Style to break lines in cells

2.6.1

  • Tested to WordPress 6.0
  • Fix: Clearing the table settings and then saving the post breaks the block
  • Fix: Adjust indicator style

2.6.0

  • Add: Margin support
  • Fix: Cell CSS class is not cleared when cell settings are cleared
  • Fix: Output of incorrect inline CSS

2.5.3

  • Fix: Cell CSS class is reset

2.5.2

  • Update: Block preview
  • Fix: Error when installing from block directory

2.5.0

  • Add: Option to move cells with the tab key
  • Fix: Cell content is not updated under certain conditions

2.4.0

  • Tested to WordPress 5.9
  • Add: Block supports (link color, text-transform, font-style, font-weight, letter-spacing)
  • Fix: Zero values are not saved correctly in global settings
  • Fix: Changes to global settings are not reflected in iframe editor instances

2.3.1

  • Fix: Table justify icon does not appear
  • Fix: Incorrect indigator direction

2.3.0

  • Enhancement: Support for individual values in cell padding of global settings
  • Fix: Unable to deselect selected cells by clicking with the Ctrl key
  • Fix: Cell width is not set to 100% when ‘Stack on mobile’ is enabled
  • Fix: Accessibility support for controls

2.2.0

  • Add: Option to merge content when merging cells

2.1.2

  • Fix: Global settings options are not saved

2.1.1

  • Fix: Adjust indicator style
  • Fix: Cell Line Height setting is not cleared

2.1.0

  • Add: Cell line-height control

2.0.9

  • Doc: Add translate context

2.0.8

  • Fix: Accessibility support for controls, fix typo

2.0.7

  • Fix: Missing text translation
  • Fix: Button text layout in popover is broken
  • Fix: Text in JavaScript is not translated

2.0.6

  • Fix: typo

2.0.5

  • Fix: deploy action

2.0.4

  • Fix: deploy action

2.0.3

  • Fix: deploy action

2.0.2

  • Fix: deploy action

2.0.1

  • Doc: add LICENSE
  • Clean: add deploy action
  • Clean: refactoring: edit.js to edit.tsx

2.0.0

  • Initial release