Table

Table Parameter

[checklist]

  • color : gold | cyan | purple | brown | rosy | green | pink | blue | yellow | magenta | orange | red | gray | black | white
  • Example :
    [table color="gold"] your actual table code here [/table]

[/checklist]

[divider]

[col_12]

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_last]

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_last]

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *