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