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]