BACK TO DIRECTORY

WPApps Table Collapser

by Hefin Dsouza

0.0
(0 ratings)

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.

Screenshots

Example of a Collapsible Table:

Example of a Collapsible Table:

Settings Page:

Settings Page:

Detailed Guidelines on CSS Customization:

Detailed Guidelines on CSS Customization:

Responsive Table View:

Responsive Table View:

Block Support:

Block Support:

Plugin Details

Active Installs
10
Total Downloads
732
Version
1.1.0
Requires WP
4.0
Requires PHP
5.6
Tested Up To
6.6.7
Added
2024-07-04
Last Updated
2024-10-05 7:34am GMT

Ratings

5
0
4
0
3
0
2
0
1
0