Table

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

Abrir chat
1
👋 Hola
⛽ ¿Necesita información sobre combustibles?
📞 ¿Quiere hacer un pedido?
En La Planeta le ayudamos.