(NOTE: You can access all the shortcodes via the shortcodes icon on your visual editor. See this document if you need more information.)

The Table shortcode lets you put one of two basic styles of tables into your page. Here are samples of the two default styles.

Style 1

Column 1 Column 2 Column 3
Item #1 Description Discount:
Item #2 Description Discount:
Item #3 Description Discount:
All Items Description Your Total:

 

Style 2

Column 1 Column 2 Column 3
Item #1 Description Discount:
Item #2 Description Discount:
Item #3 Description Discount:
All Items Description Your Total:

 

The Table "shortcode" works a little differently in that you won't actually see any shortcodes in your post editor. What you will see in the Visual view is a table with some sample data already entered into it. It will look like this:

tables-in-post

 

Of course, you can then easily substitute in your own data and labels.

When you look at the Text view (i.e. the HTML view), you will see the html for the table. It will look like this.

If you wanted to make your own style of table, you could edit the HTML and give new classes and CSS code where appropriate.

This is a look at the settings page. There aren't many choices here. Simply choose which style you'd like (Style 1 or Style 2), and then choose the number of columns.

table-settings

Here are the properties for the HTML:

  • class = use one of these: table-1, table-2
  • width = a percentage, like 100%, or a pixel amount, like 500px
  • Edit the columns and rows to add your own table information where it is needed.