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 a table.

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 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 feature-rich, 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.

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" within that menu, you can select "TH" to make it a header cell. This is what I wanted to do!

Cell Tag TH

Other essential features include merging cells and vertical alignment on smartphones.

You can select multiple cells while holding down the Ctrl key and 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 enable vertical alignment 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 minimizes 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 well-known table plugins couldn't set th tags.

TablePress

TablePress, which is the first to appear when you search.

It's the type where you create tables on a dedicated Excel-like screen and insert them with a shortcode.

There is a menu option for "Table Header Row" (to make the first row of the table a table header),
but it doesn't seem possible to set arbitrary cells as th tags.

TablePress Screen

TablePress

WP Table Builder

This is also the type that inserts with a shortcode.

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

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 as well

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 go toward my child’s upbringing.

Author's Baby Registry (Amazon)

Send Support via OFUSE

Or support me by buying something through the buttons below
(You don't have to buy the specific item linked.)

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