Tables

[col_12]

Table Parameter

[checklist]

• color : gold | cyan | purple | brown | rosy | green | pink | blue | yellow | magenta | orange | red | gray | black | white

[/checklist]

[table color="gold"] your actual table code here [/table]

Table Gold

[toggle title=»view source»]

[table color="gold"]
<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=»gold»]

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 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 Purple

[toggle title=»view source»]

[table color="purple"]
<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=»purple»]

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 Rosy

[toggle title=»view source»]

[table color="rosy"]
<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=»rosy»]

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 Pink

[toggle title=»view source»]

[table color="pink"]
<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=»pink»]

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]

[/col_12]

[col_12]

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]

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 Black

[toggle title=»view source»]

[table color="black"]
<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=»black»]

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]