Table Shortcodes

Table – Simple Style

Here goes some table caption
Header 1 Header 2 Header 3 Header 4 Header 5 Header 6
Table footer Table footer Table footer Table footer Table footer Table footer
Table data Table data Table data Table data Table data Table data
Table data Table data Table data Table data Table data Table data
Table data Table data Table data Table data Table data Table data
Table data Table data Table data Table data Table data Table data
Table data Table data Table data Table data Table data Table data
Table data Table data Table data Table data Table data Table data
Get The Code

[table style="simple"]

<table> <caption>Here goes some table caption</caption> <thead> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> <th>Header 4</th> <th>Header 5</th> <th>Header 6</th> </tr> </thead> <tfoot> <tr> <td>Table footer</td> <td>Table footer</td> <td>Table footer</td> <td>Table footer</td> <td>Table footer</td> <td>Table footer</td> </tr> </tfoot> <tbody> <tr> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> </tr> <tr> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> </tr> <tr> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> </tr> <tr> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> </tr> <tr> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> </tr> <tr> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> <td>Table data</td> </tr> </tbody> </table> [/table]

shadow-ornament

Table - Solid Style

Column 1 Column 2 Column 3 Column 4
All Items Item Info Total Price $99
Item #1 Item Data Item Price $10
Item #2 Item Data Item Price $50
Item #3 Item Data Item Price $19
Item #4 Item Data Item Price $20
Get The Code

[table style="solid"]

<table> <thead> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> <th>Column 4</th> </tr> </thead> <tfoot> <tr> <td><strong>All Items</strong></td> <td><strong>Item Info</strong></td> <td><strong>Total Price</strong></td> <td><strong>$99</strong></td> </tr> </tfoot> <tbody> <tr> <td>Item #1</td> <td>Item Data</td> <td>Item Price</td> <td>$10</td> </tr> <tr> <td>Item #2</td> <td>Item Data</td> <td>Item Price</td> <td>$50</td> </tr> <tr> <td>Item #3</td> <td>Item Data</td> <td>Item Price</td> <td>$19</td> </tr> <tr> <td>Item #4</td> <td>Item Data</td> <td>Item Price</td> <td>$20</td> </tr> </tbody> </table> [/table]

shadow-ornament

Pricing Boxes

  • Starter

    Vivamus Adispicing

    shadow-ornament

    • Curabitur euismod
    • Tincidunt lacinia sit
    • Morbi adipis vivamus
    shadow-ornament

    $1999/mo

    shadow-ornament

    Sign Up
  • Advanced

    Vivamus Adispicing

    shadow-ornament

    • Curabitur euismod
    • Tincidunt lacinia sit adispicing
    • Morbi adipis vivamus
    shadow-ornament

    $2999/mo

    shadow-ornament

    Sign Up
Get The Code

[one_half]

[box icon="star-half-empty"]

<h2 style="text-align: center;">Starter</h2> <h4 style="text-align: center;">Vivamus Adispicing</h4>

[divider]

[list type="empty" style="simple"]

<ul> <li>Curabitur euismod</li> <li>Tincidunt lacinia sit</li> <li>Morbi adipis vivamus</li> </ul> [/list]

[divider]

<h1 style="text-align: center;">$19<sup>99</sup><sub>/mo</sub></h1>

[divider]

[button link="/" size="medium" type="wide" bg_color="#cccccc" text_color="#666666"]Sign Up[/button]

[/box]

[/one_half]

[one_half_last]

[box icon="star"]

<h2 style="text-align: center;">Advanced</h2> <h4 style="text-align: center;">Vivamus Adispicing</h4>

[divider]

[list type="empty" style="simple"]

<ul> <li>Curabitur euismod</li> <li>Tincidunt lacinia sit adispicing</li> <li>Morbi adipis vivamus</li> </ul> [/list]

[divider]

<h1 style="text-align: center;">$29<sup>99</sup><sub>/mo</sub></h1>

[divider]

[button link="/" size="medium" type="wide"]Sign Up[/button]

[/box]

[/one_half_last]

shadow-ornament

Shortcode documentation

  • id
    The id attribute specifies an id for an HTML element.
    It must be unique within the HTML document.
    (Mainly for additional styling/scripting purposes)
  • class
    The class attribute specifies a class name for an HTML element.
    (Mainly for additional styling/scripting purposes)
  • style
    Available Options:
    • simple
    • solid