[axon_toggle title=”Tables Code” icon=”fa-code” state=”closed”]
[axon_code][+axon_table color=”blue”]
<table>
<thead>
<tr>
<th>#</th>
<th>Heading 1</th>
<th>Heading 2</th>
<th>Heading 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Option 1</td>
<td>Option 1</td>
<td>Option 1</td>
</tr>
<tr class=”odd”>
<td>2</td>
<td>Option 2</td>
<td>Option 2</td>
<td>Option 2</td>
</tr>
<tr>
<td>3</td>
<td>Option 3</td>
<td>Option 3</td>
<td>Option 3</td>
</tr>
</tbody>
</table>
[/axon_table][/axon_code]
color : green | blue | orange | red | grey | white
[/axon_toggle]
[axon_spacer height=”20″]
[axon_row class=””]
[axon_col_12 class=”medium-6″ animate=””]
[axon_table color=”green”]
| # | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Option 1 | Option 1 | Option 1 |
| 2 | Option 2 | Option 2 | Option 2 |
| 3 | Option 3 | Option 3 | Option 3 |
[/axon_table]
[/axon_col_12]
[axon_col_12 class=”medium-6″ animate=””]
[axon_table color=”blue”]
| # | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Option 1 | Option 1 | Option 1 |
| 2 | Option 2 | Option 2 | Option 2 |
| 3 | Option 3 | Option 3 | Option 3 |
[/axon_table]
[/axon_col_12]
[/axon_row]
[axon_spacer height=”20″]
[axon_row class=””]
[axon_col_12 class=”medium-6″ animate=””]
[axon_table color=”orange”]
| # | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Option 1 | Option 1 | Option 1 |
| 2 | Option 2 | Option 2 | Option 2 |
| 3 | Option 3 | Option 3 | Option 3 |
[/axon_table]
[/axon_col_12]
[axon_col_12 class=”medium-6″ animate=””]
[axon_table color=”red”]
| # | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Option 1 | Option 1 | Option 1 |
| 2 | Option 2 | Option 2 | Option 2 |
| 3 | Option 3 | Option 3 | Option 3 |
[/axon_table]
[/axon_col_12]
[/axon_row]
[axon_spacer height=”20″]
[axon_row class=””]
[axon_col_12 class=”medium-6″ animate=””]
[axon_table color=”grey”]
| # | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Option 1 | Option 1 | Option 1 |
| 2 | Option 2 | Option 2 | Option 2 |
| 3 | Option 3 | Option 3 | Option 3 |
[/axon_table]
[/axon_col_12]
[axon_col_12 class=”medium-6″ animate=””]
[axon_table color=”white”]
| # | Heading 1 | Heading 2 | Heading 3 |
|---|---|---|---|
| 1 | Option 1 | Option 1 | Option 1 |
| 2 | Option 2 | Option 2 | Option 2 |
| 3 | Option 3 | Option 3 | Option 3 |
[/axon_table]
[/axon_col_12]
[/axon_row]