Title: Tabilo &#8211; Table Builder Block
Author: Binsaifullah
Published: <strong>2026 年 7 月 31 日</strong>
Last modified: 2026 年 7 月 31 日

---

搜尋外掛

![](https://ps.w.org/tabilo-table-builder-block/assets/banner-772x250.png?rev=3629398)

![](https://ps.w.org/tabilo-table-builder-block/assets/icon-256x256.png?rev=3629398)

# Tabilo – Table Builder Block

 由 [Binsaifullah](https://profiles.wordpress.org/binsaifullah/) 開發

[下載](https://downloads.wordpress.org/plugin/tabilo-table-builder-block.1.0.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/tabilo-table-builder-block/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/tabilo-table-builder-block/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/tabilo-table-builder-block/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/tabilo-table-builder-block/#developers)

 [技術支援](https://wordpress.org/support/plugin/tabilo-table-builder-block/)

## 外掛說明

**Tabilo** is a flexible, native **table builder block for the WordPress block editor(
Gutenberg)**. Create beautiful **pricing tables, comparison tables, data tables,
booking tables** and more — right inside the editor, with a live preview and zero
shortcodes.

Unlike traditional WordPress table plugins that lock you into plain text cells, 
Tabilo lets you insert **any Gutenberg block inside a table cell** — headings, paragraphs,
images, buttons, lists, icons, star ratings, and even other blocks. If you can build
it with blocks, you can put it in a Tabilo table.

Start fast with **40+ pre-designed table patterns**, then customize colors, borders,
spacing, and typography visually — no code required.

#### Why choose Tabilo?

 * **Any content, any cell** – insert any block into table cells for unlimited layouts.
 * **Made for the block editor** – a true native block, not an iframe or shortcode.
 * **Beginner friendly** – build a table visually with columns, rows, header and
   footer toggles.
 * **Designer ready** – fine-grained control over colors, borders, radius, padding
   and spacing.
 * **Lightweight & fast** – no jQuery, no bloat, clean semantic HTML output.
 * **Translation ready** – fully internationalized and RTL friendly.

### Key Features

 * **Flexible content** – add any Gutenberg block (text, images, buttons, icons,
   ratings…) inside cells.
 * **Visual table builder** – set columns and rows, then edit directly in the editor.
 * **Header & footer sections** – optional table header and footer with independent
   styling.
 * **Fixed or auto layout** – switch between fixed-width and content-based column
   sizing.
 * **Responsive tables** – horizontal-scroll mode with an optional scroll hint for
   small screens.
 * **Block styles** – Default, Striped, and Separated styles out of the box.
 * **Full styling controls** – table, row, cell, header and footer colors, backgrounds,
   per-side borders, border radius, padding, border spacing and font sizes.
 * **40+ ready-made patterns** – pricing, comparison, data and booking table designs
   to start in one click.
 * **Bonus native blocks** – a **Star Rating** block and an **SVG Icon** block (
   icon library + custom SVG) to enrich your tables.
 * **Own block category** – all Tabilo blocks are grouped under a dedicated “Tabilo”
   category in the inserter.

### Included Blocks

 * **Table Builder** – the core flexible table block.
 * **Table Row** & **Table Cell** – structural blocks with their own color and border
   controls.
 * **Star Rating** – display ratings with an optional numeric value.
 * **Icon** – insert SVGs from the built-in library or paste your own custom SVG.

### Ready-Made Table Patterns

Kickstart your layout with professionally designed patterns:

 * **Pricing tables** – 19 designs for plans, subscriptions and hosting.
 * **Comparison tables** – 14 designs for products, phones, laptops and features.
 * **Data tables** – 7 designs for sports standings, food menus, listings and more.
 * **Booking tables** – 3 designs for schedules and reservations.

### Perfect For

 * Pricing and subscription tables
 * Product and feature comparison tables
 * Specification and data tables
 * Pros and cons tables
 * Booking, schedule and menu tables
 * Any content that needs a clean, structured, tabular layout

## 螢幕擷圖

[⌊Build flexible tables visually inside the WordPress block editor.⌉⌊Build flexible
tables visually inside the WordPress block editor.⌉[

Build flexible tables visually inside the WordPress block editor.

[⌊Insert any block — images, buttons, icons and ratings — into your cells.⌉⌊Insert
any block — images, buttons, icons and ratings — into your cells.⌉[

Insert any block — images, buttons, icons and ratings — into your cells.

[⌊40+ ready-made pricing, comparison and data table patterns.⌉⌊40+ ready-made pricing,
comparison and data table patterns.⌉[

40+ ready-made pricing, comparison and data table patterns.

[⌊Fine-grained styling controls for colors, borders, spacing and typography.⌉⌊Fine-
grained styling controls for colors, borders, spacing and typography.⌉[

Fine-grained styling controls for colors, borders, spacing and typography.

## 適用於區塊編輯器

這個外掛提供 5 個可供 Gutenberg/區塊編輯器使用的區塊。

 *   Icon Shows SVG icon from library or custom SVG code.
 *   Table Builder Build flexible table with any content.
 *   Rating Shows star rating with number of ratings.
 *   Table Row Table Row block for Tabilo.
 *   Table Cell Table Cell block for Tabilo.

## 安裝方式

**From your WordPress Dashboard:**

 1. Go to **Plugins  Add New**.
 2. Search for **“Tabilo”**.
 3. Click **Install Now**, then **Activate**.

**Manual installation:**

 1. Download the plugin ZIP file.
 2. Upload it via **Plugins  Add New  Upload Plugin**.
 3. Activate the plugin.

**How to use:**

 1. Create or edit a post or page.
 2. Click the **“+”** inserter and search for **“Table Builder”** (or open the **Tabilo**
    category).
 3. Choose a **pre-designed pattern** or select **Start blank** to build your own.
 4. Add columns, rows, a header/footer, then style it from the block sidebar.

## 常見問題集

### What is Tabilo?

Tabilo is a native table builder block for the WordPress block editor (Gutenberg)
that lets you create responsive pricing, comparison and data tables without shortcodes
or a page builder.

### Can I add any type of content to table cells?

Yes. Tabilo lets you insert any Gutenberg block inside a cell — text, images, buttons,
lists, icons, star ratings and even other blocks.

### Do I need to know how to code?

No. Everything is built and styled visually from the block editor. No HTML, CSS 
or shortcodes are required.

### Are the tables responsive?

Yes. Tabilo includes a horizontal-scroll responsive mode with an optional on-screen
scroll hint so wide tables stay usable on phones and tablets. Additional responsive
modes are on the roadmap.

### Can I customize the table design?

Absolutely. You get comprehensive controls for colors, backgrounds, per-side borders,
border radius, padding, border spacing and font sizes, plus Default, Striped and
Separated block styles.

### Does Tabilo include ready-made templates?

Yes. It ships with 40+ pre-designed patterns for pricing, comparison, data and booking
tables that you can insert and edit in one click.

### Will it work with my theme?

Tabilo follows WordPress block standards and works with any properly coded block
or classic theme that supports the block editor.

### Does it slow down my site?

No. Tabilo is lightweight, loads no jQuery, and outputs clean semantic HTML, so 
your tables stay fast.

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈Tabilo – Table Builder Block〉的開發相關工作。

參與者

 *   [ Binsaifullah ](https://profiles.wordpress.org/binsaifullah/)

[將〈Tabilo – Table Builder Block〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/tabilo-table-builder-block)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/tabilo-table-builder-block/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/tabilo-table-builder-block/)，
或透過 [RSS](https://plugins.trac.wordpress.org/log/tabilo-table-builder-block/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/tabilo-table-builder-block/)。

## 變更記錄

#### 1.0.0

 * Initial release.

## 中繼資料

 *  版本 **1.0.0**
 *  最後更新 **1 週前**
 *  啟用安裝數 **少於 10 次**
 *  WordPress 版本需求 ** 6.7 或更新版本 **
 *  已測試相容的 WordPress 版本 **7.0.3**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/tabilo-table-builder-block/)
 * 標籤:
 * [comparison table](https://tw.wordpress.org/plugins/tags/comparison-table/)[Gutenberg block](https://tw.wordpress.org/plugins/tags/gutenberg-block/)
   [pricing table](https://tw.wordpress.org/plugins/tags/pricing-table/)[table](https://tw.wordpress.org/plugins/tags/table/)
   [Table Builder](https://tw.wordpress.org/plugins/tags/table-builder/)
 *  [進階檢視](https://tw.wordpress.org/plugins/tabilo-table-builder-block/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/tabilo-table-builder-block/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/tabilo-table-builder-block/reviews/)

## 參與者

 *   [ Binsaifullah ](https://profiles.wordpress.org/binsaifullah/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/tabilo-table-builder-block/)