Table

[col_12]
Table Parameter
[checklist]
  • color : cyan | brown | green | blue | yellow | magenta | orange | red | gray | white
  • Example :
    [table color="green"] your actual table code here [/table]
[/checklist]
Table Cyan
[toggle title=“view source“]
[table color="cyan"]
<table>
        	<thead>
                    <tr>
                        <th>Heading 1</th>
                        <th>Heading 2</th>
                        <th>Heading 3</th>
                        <th>Heading 4</th>
                    </tr>
            	</thead>
            	<tbody>
                    <tr>
                    	<td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                    </tr>
                    <tr class="odd">
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                    </tr>
                    <tr>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                    </tr>
                </tbody>
        </table>
[table]
[/toggle] [table color=“cyan“]
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
[/table]
Table Brown
[toggle title=“view source“]
[table color="brown"]
<table>
        	<thead>
                    <tr>
                        <th>Heading 1</th>
                        <th>Heading 2</th>
                        <th>Heading 3</th>
                        <th>Heading 4</th>
                    </tr>
            	</thead>
            	<tbody>
                    <tr>
                    	<td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                    </tr>
                    <tr class="odd">
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                    </tr>
                    <tr>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                    </tr>
                </tbody>
        </table>
[table]
[/toggle] [table color=“brown“]
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
[/table]
Table Green
[toggle title=“view source“]
[table color="green"]
<table>
        	<thead>
                    <tr>
                        <th>Heading 1</th>
                        <th>Heading 2</th>
                        <th>Heading 3</th>
                        <th>Heading 4</th>
                    </tr>
            	</thead>
            	<tbody>
                    <tr>
                    	<td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                    </tr>
                    <tr class="odd">
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                    </tr>
                    <tr>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                    </tr>
                </tbody>
        </table>
[table]
[/toggle] [table color=“green“]
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
[/table]
Table Blue
[toggle title=“view source“]
[table color="blue"]
<table>
        	<thead>
                    <tr>
                        <th>Heading 1</th>
                        <th>Heading 2</th>
                        <th>Heading 3</th>
                        <th>Heading 4</th>
                    </tr>
            	</thead>
            	<tbody>
                    <tr>
                    	<td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                    </tr>
                    <tr class="odd">
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                    </tr>
                    <tr>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                    </tr>
                </tbody>
        </table>
[table]
[/toggle] [table color=“blue“]
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
[/table]
Table Yellow
[toggle title=“view source“]
[table color="yellow"]
<table>
        	<thead>
                    <tr>
                        <th>Heading 1</th>
                        <th>Heading 2</th>
                        <th>Heading 3</th>
                        <th>Heading 4</th>
                    </tr>
            	</thead>
            	<tbody>
                    <tr>
                    	<td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                    </tr>
                    <tr class="odd">
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                    </tr>
                    <tr>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                    </tr>
                </tbody>
        </table>
[table]
[/toggle] [table color=“yellow“]
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
[/table] [/col_12] [col_12_last]
Table Magenta
[toggle title=“view source“]
[table color="magenta"]
<table>
        	<thead>
                    <tr>
                        <th>Heading 1</th>
                        <th>Heading 2</th>
                        <th>Heading 3</th>
                        <th>Heading 4</th>
                    </tr>
            	</thead>
            	<tbody>
                    <tr>
                    	<td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                    </tr>
                    <tr class="odd">
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                    </tr>
                    <tr>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                    </tr>
                </tbody>
        </table>
[table]
[/toggle] [table color=“magenta“]
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
[/table]
Table Orange
[toggle title=“view source“]
[table color="orange"]
<table>
        	<thead>
                    <tr>
                        <th>Heading 1</th>
                        <th>Heading 2</th>
                        <th>Heading 3</th>
                        <th>Heading 4</th>
                    </tr>
            	</thead>
            	<tbody>
                    <tr>
                    	<td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                    </tr>
                    <tr class="odd">
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                    </tr>
                    <tr>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                    </tr>
                </tbody>
        </table>
[table]
[/toggle] [table color=“orange“]
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
[/table]
Table Red
[toggle title=“view source“]
[table color="red"]
<table>
        	<thead>
                    <tr>
                        <th>Heading 1</th>
                        <th>Heading 2</th>
                        <th>Heading 3</th>
                        <th>Heading 4</th>
                    </tr>
            	</thead>
            	<tbody>
                    <tr>
                    	<td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                    </tr>
                    <tr class="odd">
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                    </tr>
                    <tr>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                    </tr>
                </tbody>
        </table>
[table]
[/toggle] [table color=“red“]
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
[/table]
Table Gray
[toggle title=“view source“]
[table color="gray"]
<table>
        	<thead>
                    <tr>
                        <th>Heading 1</th>
                        <th>Heading 2</th>
                        <th>Heading 3</th>
                        <th>Heading 4</th>
                    </tr>
            	</thead>
            	<tbody>
                    <tr>
                    	<td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                    </tr>
                    <tr class="odd">
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                    </tr>
                    <tr>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                    </tr>
                </tbody>
        </table>
[table]
[/toggle] [table color=“gray“]
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
[/table]
Table white
[toggle title=“view source“]
[table color="white"]
<table>
        	<thead>
                    <tr>
                        <th>Heading 1</th>
                        <th>Heading 2</th>
                        <th>Heading 3</th>
                        <th>Heading 4</th>
                    </tr>
            	</thead>
            	<tbody>
                    <tr>
                    	<td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                        <td>Option 1</td>
                    </tr>
                    <tr class="odd">
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                        <td>Option 2</td>
                    </tr>
                    <tr>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                        <td>Option 3</td>
                    </tr>
                </tbody>
        </table>
[table]
[/toggle] [table color=“white“]
Heading 1 Heading 2 Heading 3 Heading 4
Option 1 Option 1 Option 1 Option 1
Option 2 Option 2 Option 2 Option 2
Option 3 Option 3 Option 3 Option 3
[/table] [/col_12_last]
support
icon
Need Help?
Close
skype
Skype Chat
skype-phone
Skype Call
menu-icon
Support Ticket