這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

WPApps Table Collapser

外掛說明

WPApps Table Collapser is a lightweight plugin that makes your tables collapsible. By adding a collapsible-table class to your tables, you enable users to toggle the visibility of the table body by simply clicking on the table header.

Features

  • Collapsible Tables: Make any table collapsible by adding a simple class.
  • Toggle Indicator: Automatically adds a +/- indicator to the last column of the table header.
  • Customizable: Style the toggle indicator and table appearance with your own CSS.
  • Block Editor Support: Includes a Gutenberg block for easy table creation and collapsing functionality.
  • Mobile Friendly: Works seamlessly on mobile devices with responsive design.

Usage:

  1. Ensure that your table has a <thead> tag for the table header, though it’s not mandatory if you enable the “Allow Table Without <thead>” option in settings.
  2. Add the class collapsible-table to your table.
  3. Optionally, add a data-title attribute to your table to set a custom title for the mobile compact view.
  4. The last column in the table header will have a toggle indicator (+/-) added to it. Clicking anywhere in the header will show or hide the table body.

螢幕擷圖

  • Example of a Collapsible Table:
  • Settings Page:
  • Detailed Guidelines on CSS Customization:
  • Responsive Table View:
  • Block Support:

適用於區塊編輯器

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

  • Table Collapser A block that makes tables collapsible.

安裝方式

  1. Upload the wpapps-table-collapser folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Add the collapsible-table class to any table you want to make collapsible.

常見問題集

Does the table require any specific structure?

For optimal functionality, the table should have a <thead> tag defining the header. The collapsing functionality is primarily activated by clicking on this header. However, if you enable the “Allow Table Without <thead>” option in the settings, the plugin will also work without a <thead>.

Can I style the toggle indicator?

Yes, you can style the toggle indicator by targeting the .toggle-indicator class in your CSS.

How do I set a custom title for the mobile view?

You can add a data-title attribute to your table element to set a custom title that will be displayed in the mobile compact view.

Is the plugin compatible with the Gutenberg block editor?

Yes, the plugin includes a Gutenberg block for easy creation and management of collapsible tables.

使用者評論

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

參與者及開發者

以下人員參與了開源軟體〈WPApps Table Collapser〉的開發相關工作。

參與者

將〈WPApps Table Collapser〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.1.0

  • Fixed a bug where the block editor css gets loaded in the front-end.

1.0.0

  • Initial release.