Tables

There is nothing quite like a table when it comes to showing some data.

Tables are important html elements for presenting structured data. We recommend installing the MCE Table Buttons plugin to make it really easy to build tables inside WordPress posts and pages. HTML tables can then be styled using the theme’s built in table styles.

Standard Table

Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here

Adding Highlights to a Table

Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here

 

Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here

Pricing Type Tables

  • How to make pricing tables

    Add table-centered class to table to center text.
    Add table-bg or table-bg-primary to table to give background colour.

    Example code:

    <table class="table-centered table-bg-primary">
    <tbody>
    <tr>
    <th>
    <h2>Professional</h2>
    <h3 class="price">$295</h3>
    <p>Some text here</p></th>
    </tr>
    <tr>
    <td>Unlimited</td>
    </tr>
    <tr>
    <td>Beautiful</td>
    </tr>
    <tr>
    <td>Amazing</td>
    </tr>
    <tr>
    <td><a class="button secondary" href="#">Sign Up</a></td>
    </tr>
    </tbody>
    </table>