Skip to main content
How to Create a Table in Divi

Create HTML tables using the TinyMCE Table option. Tables are great for displaying tabulated data.

Updated over 3 months ago

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

  1. Insert the Text module or any other text-based module

    Using the Text module to insert a simple Table

  2. Using the TinyMCE editor, click on the Table icon

    Insert Table button

  3. Create the table

    Choose the Table layout

    In this example, a 5-column and a 4-row table will be created.

  4. Use the Table Properties button to add the properties of your table

    Set the Table's properties

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:

Example of a plain table

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.

Did this answer your question?