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]

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *