Fancy tables

The fancy table shortcode allows you to display a styled table. The table HTML should be between the opening and closing shortcodes. The options for this shortcode are shown below. See examples here.

OptionDefaultExampleDescription
id(empty)id="my_table"Set the id attribute of the wrapper div surrounding the table.
width(empty)width="200px"Set the CSS width of the table.

Example

[fancy_table id="my_table" width="250px"]
[table]
     [tr]
         [th]Column 1 heading[/th]
         [th]Column 2 heading[/th]
     [/tr]
     [tr]
         [td]Cell 1-1[/td]
         [td]Cell 1-2[/td]
     [/tr]
     [tr]
         [td]Cell 2-1[/td]
         [td]Cell 2-2[/td]
     [/tr]
[/table]
[/fancy_table]

OR

[fancy_table id="my_table" width="250px"]
<table>
     <tr>
         <td>Column 1 heading</td>
         <td>Column 2 heading</td>
     </tr>
     <tr>
         <td>Cell 1-1</td>
         <td>Cell 1-2</td>
     </tr>
     <tr>
         <td>Cell 2-1</td>
         <td>Cell 2-2</td>
     </tr>
</table>
[/table]
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy