Responsive Table for Divi Reviews, Downloads & Maintenance

You have the Divi-Theme installed.
You want a fast solution to make any HTML Table responsive. In under 2 minutes.
You want to customize some elements, table options or colors, right in the Divi-Module.
You don\’t want ANY dependencies to some CDN-Networks or CDN-Files. All scripts and styles are installed with the plugin and are hosted in YOUR WordPress-Installation.

Do you want to go Pro?

The Pro Module is for you, if…

You want to create responsive DataTables from your own Custom Posts.
-> Create your own Custom Posts and Taxonomies.
-> Add Custom Fields (with Advanced Custom Fields) to your Custom Posts.
-> Link the Pro Module with the Custom Post and Taxonomy (optional) and output it in the responsive DataTable.
You want to filter your DatTable with Checkbox-Filters.
You want to set URL\’s in a Custom Field, hide the Column where the URL is, and use that URL as hover to change an image.
-> Hover over the rows and the image in the image box changes. (For example, to show various apartments)
Display Warning-Message when no Custom Post is found.
Use Regex to change URL-Links in the DataTable to change that to direct download links.
Overwrite URL-Text that links to contact forms instead of naming it Download.

So go to the vendor site and get the plugin!

Installation

Install the plugin
Open the Visual Builder or the Backend Builder in Divi.
Add the new Divi-Module \”SS Responsive Table\”.
Open the settings by clicking the gear icon of the Divi-Module.
Go to the content section (in the content tab), select text and not visual!
Past your HTML Table in the content filed.
Save the module and exit the Visual Builder or the Backend Builder in Divi, by saving it.
End of story.

Open the \”SS Responsive Table\”-Module and customize it with the options in the module.

Frequently Asked Questions

My table is still an HTML-Table and not responsive. What can I do?

As of now, you have to disable the \”Defer jQuery And jQuery Migrate\” in the Divi-Options.
Navigate to the Divi-Options -> \”Performance\” -> and disable the \”Defer jQuery And jQuery Migrate\”.
If you have similar settings in other caching plugins, turn them off.

My table is still an HTML-Table and not responsive. What can I do?
Please note, that the opening table element need to look like this:
Or get a demo-table from the plugin website.