Front-End & Daily

[WordPress] A plugin that allows you to set any cell or the first column as th in a table

[WordPress] A plugin that allows you to set any cell or the first column as th in a table

Introducing the WordPress plugin 'Flexible Table Block', which allows you to set any cell or the first column as a th tag in WordPress tables.

I was looking for a plugin that could make the first column a header cell, so I'll focus on that point and briefly introduce its UI and usage.

Table of Contents

How to Use Flexible Table Block

Flexible Table Block is here.

Once the plugin is installed, "Flexible Table" can be inserted as a block.

Flexible Table Block

Many other table plugins require you to create tables on a dedicated screen and insert them with shortcodes. While that might be highly functional, if you just want to create a simple table, this type is easier to edit, isn't it?

Set the number of columns and rows, then create the table.

Flexible Table Block Creation

When you select a cell, you can set various options in the right-hand menu.

Flexible Table Block Right Menu

From "Cell Settings > Cell Tag", you can select "TH" to make it a header cell. This is what I wanted to do!

Cell Tag TH

Other essential features include cell merging and vertical stacking on smartphones.

Select multiple cells while holding the Ctrl key, then merge them from "Merge Cells".

Flexible Table Block Merge Cells

You can also split cells that have been merged.

With the table selected, you can make it stack vertically on smartphones from "Table Settings > Stack Vertically on Mobile".

Flexible Table Block Stack Vertically on Mobile

It's perfect.

Flexible Table Block Stack Vertically on Mobile

Also, "Flexible Table Block" applies various unique CSS styles.

Flexible Table Block CSS

If you want to apply your own styles,

from "Global Settings"

Flexible Table Block Global Settings

click "Reset"

Reset

to prevent styles from being applied.

Flexible Table Block Global Settings

Similarly, for "Cell Styles", click "Reset" for all.

Flexible Table Block Global Settings

This will minimize the unique CSS applied.

I think Flexible Table Block is the only table plugin you need.

Plugins that couldn't set th tags

As a side note, other popular table plugins couldn't set th tags.

TablePress

The first one that comes up when you search is "TablePress".

This type creates tables on a dedicated Excel-like screen and inserts them with shortcodes.

There is a menu for "Table Header Row" (to make the first row of the table a table header),
but it doesn't seem possible to make any arbitrary cell a th tag.

TablePress screen

TablePress

WP Table Builder

This is also a type that inserts with shortcodes.

It seems like individual cell styles can be changed, but I couldn't find a menu to make them th tags...

WP Table Builder screen

WP Table Builder

Comments

After reviewing the content, we will publish it, omitting any personal information.

Enter your name and email address

Please enter if you would like a reply by email.

The personal information provided will not be disclosed. It will only be used for replies.

It will be sent directly. Please confirm and click "Send".

If this was helpful, we appreciate your support!
All support received will be used for childcare.

Author's Baby Registry (Amazon)

Send Support via OFUSE

Or support by buying something from the buttons below
(You don't have to buy the linked product.)

Support me via Amazon

Support me via Rakuten

Support me via Yahoo!Shopping

PR

As an Amazon Associate, Ken earns from qualifying purchases.

Share

Share on Twitter Share on Facebook Share on LINE Share on Hatena Bookmark