The Table Block and the Advanced Table Block

Advanced Tables

One of the things I love about WordPress is that the project has a clearly-stated philosophy. One of the principles is to design for 80% of users and leave plugins to fill in the more advanced features.

This is happening with the Gutenberg block editor. Many developers are adding extra features on top of the default blocks.

Inside the PublishPress Blocks plugin, the Advanced Table block is based on the default Table block in Gutenberg.

The Gutenberg team have done the hard work. We're standing on their shoulders.

If you want to show data inside tables in WordPress, both of these blocks are a great choice.

The Advanced Table Block has functionality that the extra 20% of WordPress users may find helpful. If you are a WordPress power user, you'll want to check out these features, including colors, border settings, cell merging, padding, and text alignment.

Here's a side-by-side rundown showing the extra features in the Advanced Table block. The features on the left are enough for 80% of users. The power features for 20% of users are on the right.


Merge Row and Columns

Table Block

The default Table block has 6 options allowing you to add or delete rows and columns.

Edit Table
Edit Table

Advanced Table Block

The Advanced Table block has the same 6 options, plus a “Split Merged Cells” and a “Merge Cells” option.

Edit Advanced Table
Edit Advanced Table


Table Settings

Table Block

The default Table block allows to fix the width of cells, and to add header and footer area.

Table Settings
Table Settings

Advanced Table Block

The Advanced Table block has the default options, plus the ability to set a fixed width for the whole table and to collapse the border.

Advanced Table Settings
Advanced Table Settings


Color Settings

Table Block

By default, the Table block has four color choices. The color you choose applies to the whole table and can't be applied to single cells. You can not add your own choice.

Table Color Settings
Table Color Settings

Advanced Table Block

In PublishPress Blocks, the Advanced Table block has options for both the background and text color. You can choose different colors for each cell. You can choose your own colors.

Advanced Table Color Settings
Advanced Table Color Settings


Border Settings

Table Block

The default Table block doesn't have any settings for the border.

Advanced Table Block

The Advanced Table block allows to control which parts of the table have a border. You can decide if the border is solid, dashed, dotted, or hidden. You can choose a width and a color for the border.

Advanced Table Border Settings
Advanced Table Border Settings


Padding Settings

Table Block

The default Table block doesn't have any settings for padding.

Advanced Table Block

The Advanced Table block allows you to set padding for four sides of your table.

Advanced Table Padding Settings
Advanced Table Padding Settings


Text Alignment Settings

Table Block

The default Table block allows you to align text to the left, center, and right.

Default Table Align
Default Table Align

Advanced Table Block

The Advanced Table blocks adds a justify alignment option, plus three vertical alignment choices.

Advanced Table Alignment Settings
Advanced Table Alignment Settings


Video guide to the Advanced Table block


Advanced Table Block demos

Here are two live-action demos of the Advanced Table block:

FruitColorCharacteristics
BananaYellowCurvy
AppleGreenCrunchy
OrangeOrangeJuicy
BlueberryBlueSmall
GrapesPurpleRound
RaspberriesRedTasty
PluginDescriptionNumber of Installs
PublishPress AuthorsAdd many authors to one WordPress post.5,000
PubishPress BlocksGives you more control over the WordPress block editor.30,000
PublishPress CapabilitiesTrusted to manage the permissions for over 100,000 WordPress sites.100,000
PublishPress ChecklistsDefine tasks that must be completed before your content is published.4,000
PublishPressHelps you organize, schedule and plan your WordPress content.8,000
PublishPress PermissionsCustomize your WordPress permissions in very advanced ways.10,000
PublishPress RevisionsThe plugin for managing, scheduling and approving WordPress revisions.6,000


Summary

The Gutenberg development team have done an excellent job with the default block. On multiple occasions, our developers have been able to build on top of their work and add 20% more. Some examples include the Advanced Button block, the Advanced List block, and the Advanced Video block.

Check out all the PublishPress Blocks at the demo site or download the plugin from WordPress.org.

Tags: , , , , ,


Leave a Reply

Your email address will not be published. Required fields are marked *

Professional publishing plugins for WordPress! Get PublishPress

  • SUBSCRIBE TO OUR NEWSLETTER
  • SEARCH THIS SITE