Title: WPApps Table Collapser Author: Hefin Dsouza Published: 4 juli 2024 Last modified: 5 oktober 2024 --- Plugins zoeken ![](https://ps.w.org/wpapps-table-collapser/assets/banner-772x250.gif?rev=3116533) Deze plugin **is niet getest met de laatste 3 grotere versies van WordPress**. Mogelijk wordt het niet meer onderhouden of ondersteund. Ook kunnen er compatibiliteitsproblemen ontstaan wanneer het wordt gebruikt met recentere versies van WordPress. ![](https://ps.w.org/wpapps-table-collapser/assets/icon-256x256.gif?rev=3112646) # WPApps Table Collapser Door [Hefin Dsouza](https://profiles.wordpress.org/hefind/) [Download](https://downloads.wordpress.org/plugin/wpapps-table-collapser.1.1.0.zip) * [Details](https://nl.wordpress.org/plugins/wpapps-table-collapser/#description) * [Beoordelingen](https://nl.wordpress.org/plugins/wpapps-table-collapser/#reviews) * [Installatie](https://nl.wordpress.org/plugins/wpapps-table-collapser/#installation) * [Ontwikkeling](https://nl.wordpress.org/plugins/wpapps-table-collapser/#developers) [Ondersteuning](https://wordpress.org/support/plugin/wpapps-table-collapser/) ## Beschrijving 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 `` tag for the table header, though it’s not mandatory if you enable the “Allow Table Without ``” 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. ## Schermafbeeldingen [⌊Example of a Collapsible Table:⌉⌊Example of a Collapsible Table:⌉[ **Example of a Collapsible Table:** [⌊Settings Page:⌉⌊Settings Page:⌉[ **Settings Page:** [⌊Detailed Guidelines on CSS Customization:⌉⌊Detailed Guidelines on CSS Customization :⌉[ **Detailed Guidelines on CSS Customization:** [⌊Responsive Table View:⌉⌊Responsive Table View:⌉[ **Responsive Table View:** [⌊Block Support:⌉⌊Block Support:⌉[ **Block Support:** ## Blokken Deze plugin heeft 1 blok. * Table Collapser A block that makes tables collapsible. ## Installatie 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. ## FAQ ### Does the table require any specific structure? For optimal functionality, the table should have a `` tag defining the header. The collapsing functionality is primarily activated by clicking on this header. However, if you enable the “Allow Table Without ``” option in the settings, the plugin will also work without a ``. ### 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. ## Beoordelingen Er zijn geen beoordelingen voor deze plugin. ## Bijdragers & ontwikkelaars “WPApps Table Collapser” is open source software. De volgende personen hebben bijgedragen aan deze plugin. Bijdragers * [ Hefin Dsouza ](https://profiles.wordpress.org/hefind/) [Vertaal “WPApps Table Collapser” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/wpapps-table-collapser) ### Interesse in ontwikkeling? [Bekijk de code](https://plugins.trac.wordpress.org/browser/wpapps-table-collapser/), haal de [SVN repository](https://plugins.svn.wordpress.org/wpapps-table-collapser/) op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/wpapps-table-collapser/) via [RSS](https://plugins.trac.wordpress.org/log/wpapps-table-collapser/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.1.0 * Fixed a bug where the block editor css gets loaded in the front-end. #### 1.0.0 * Initial release. ## Meta * Versie **1.1.0** * Laatst geüpdatet **2 jaar geleden** * Actieve installaties **10+** * WordPress versie ** 4.0 of nieuwer ** * Getest t/m **6.6.5** * PHP versie ** 5.6 of nieuwer ** * Taal * [English (US)](https://wordpress.org/plugins/wpapps-table-collapser/) * Tags * [block](https://nl.wordpress.org/plugins/tags/block/)[responsive table](https://nl.wordpress.org/plugins/tags/responsive-table/) [table](https://nl.wordpress.org/plugins/tags/table/)[toggle](https://nl.wordpress.org/plugins/tags/toggle/) * [Geavanceerde weergave](https://nl.wordpress.org/plugins/wpapps-table-collapser/advanced/) ## Waarderingen Er zijn nog geen beoordelingen ingediend. [Your review](https://wordpress.org/support/plugin/wpapps-table-collapser/reviews/#new-post) [Bekijk alle beoordelingen](https://wordpress.org/support/plugin/wpapps-table-collapser/reviews/) ## Bijdragers * [ Hefin Dsouza ](https://profiles.wordpress.org/hefind/) ## Ondersteuning Iets te melden? Hulp nodig? [Het supportforum bekijken](https://wordpress.org/support/plugin/wpapps-table-collapser/)