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