Linux 软件免费装
Banner图

Tabilo - Table Builder Block

开发者 binsaifullah
更新时间 2026年8月24日 19:47
PHP版本: 7.4 及以上
WordPress版本: 7.1
版权: GPL-2.0-or-later
版权网址: 版权信息

标签

gutenberg block table pricing table comparison table table builder

下载

1.0.0 1.1.0 1.2.0 1.3.0

详情介绍:

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. Already have the data? Import a CSV or Excel file, or paste a Google Sheets link and pull it straight in. Tabilo works out what each column holds, so a column of picture addresses becomes real images and a column of scores becomes star ratings — not a wall of text. And if the data keeps changing, switch on live sync and the published table refreshes itself in the background. Why choose 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, select Start blank to build your own, click Import Data to build the table from a CSV or Excel file, or click External Source to build it from a Google Sheet or a file on the web.
  4. Add columns, rows, a header/footer, then style it from the block sidebar.

屏幕截图:

  • Insert any block — images, buttons, icons and ratings — into your cells.
  • 40+ ready-made pricing, comparison and data table patterns.
  • Fine-grained styling controls for colors, borders, spacing and typography.
  • Import Data — build a table straight from a CSV or Excel file, with a preview before you import.
  • External Source — build a table from a Google Sheet or a file on the web, and keep it in sync.

升级注意事项:

1.3.0 Adds External Source: build a table from a Google Sheet or a CSV/Excel file on the web, and optionally keep it in sync automatically. Also brings a redesigned Settings → Tabilo dashboard (Overview, Patterns, Blocks, Import data, Settings) and a fix so an imported spreadsheet link is kept by default instead of discarded. 1.2.0 Adds Import Data: build a table straight from a CSV or Excel file, with a preview before you import. 1.1.0 Adds Stacked Card responsive mode, a sticky table header, and per-column colors for the header and footer. 1.0.0 Initial release of Tabilo – Table Builder Block for Gutenberg.

常见问题:

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.

Can I import a spreadsheet?

Yes. Click Import Data on the block's start screen and drop in a CSV or Excel file (.csv, .tsv, .xlsx, .xlsm). You will see a preview of the data, choose whether the first row is the header and the last row is the footer, and then the table is built for you. A file you upload is read entirely in your browser — it is never sent to your site or anywhere else.

Can I build a table from a Google Sheet or a file on the web?

Yes. Click External Source on the block's start screen, paste the address, and press Fetch Data. Google Sheets links and direct links to .csv, .tsv and .xlsx files all work, and you get the same preview and header/footer options as an uploaded file. Because browsers cannot read those addresses directly, your own server fetches the data — see the External services section above for exactly what is sent.

Does the Google Sheet have to be public?

Yes. The sheet must be shared with Anyone with the link, or published to the web via File → Share → Publish to web. A private sheet returns a sign-in page rather than data, and Tabilo will tell you so. If you cannot share the sheet, download it as CSV and use Import Data instead.

Can a table update itself when the source changes?

Yes. When you import from an address, set Keep in sync to Live and choose how often it should refresh. WordPress re-reads the source in the background on that schedule, so your visitors never wait for it. If the source is unreachable the table keeps showing the last data that was read successfully — it never goes blank. Cell content is then managed by the source and locked in the editor; your layout, colours and styling stay fully editable. Use Disconnect in the Data Source panel to turn a synced table back into an ordinary one, keeping the rows as they are. Every column type follows the source on every refresh — text, images, links and star ratings alike.

My spreadsheet has a column of image URLs. Will they become real images?

Yes. Tabilo works out what each column holds and turns a column of picture addresses into proper image blocks rather than printing the address as text. It recognises them from the column name, the file extension, and — for the many picture addresses that have no extension at all, such as Unsplash or Cloudinary links — by asking the server what the file actually is. Every column's type is shown above the preview and you can change any of them before importing. By default the pictures load from where they already live, which is instant and means a synced table follows its source. Switch on Copy pictures into the media library if you would rather store copies on your own site.

Can other columns become blocks too?

Yes. A column of web addresses becomes clickable links, and a column of scores from 0 to 5 becomes Star Rating blocks. As with images, the guess is shown before you import and you can override it per column.

Are the tables responsive?

Yes. Choose Horizontal Scroll to keep the table intact with an optional on-screen scroll hint, or Stacked Card to turn each row into a card below 768px — every cell is labelled with its column header, and you control how the cells and their labels are arranged. More 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. Header and footer columns can also be colored one by one — handy for highlighting a recommended pricing plan.

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.

更新日志:

1.3.0 1.2.0 1.1.0 1.0.0