HTML tables are part of the TinyMCE editor and are available for any text-based module, such as the Text module, Blurb module, and more.
Using the Table option while editing a text-based module, you can create a standard HTML table to display your data.
Create HTML tables using text-based modules
Insert the Text module or any other text-based module
Using the TinyMCE editor, click on the Table icon
Create the table
In this example, a 5-column and a 4-row table will be created.
Use the Table Properties button to add the properties of your table
Pro Tip: Use the Table Properties option to enable Table Caption. This will allow you to set the Table caption text to describe the table's content.
An example can be seen in the screenshot below:
Pro Tip: On Phones, to make the table display all its data, in Module Settings β Advanced Tab β Visibility, set the Horizontal Overflow to Visible. This will allow us to scroll right/left on the table to view all its data.
Create HTML tables using 3rd party plugins
On our Divi Marketplace, there are a few plugins that can be used to create/insert Tables into the page layout. These plugins give you more control over the table's appearance on the front end.