- Preview
- Code
- Options
Table Shortcode
| Column 1 | Column 2 | Column 3 | Column 4 |
|---|---|---|---|
| Lorem ipsum | Cras sed | Lorem ipsum | Cras sed |
| Cras sed | Lorem ipsum | Cras sed | Lorem ipsum |
| Lorem ipsum | Cras sed | Lorem ipsum | Cras sed |
| Cras sed | Lorem ipsum | Cras sed | Lorem ipsum |
| Lorem ipsum | Cras sed | Lorem ipsum | Cras sed |
[wps_table style="default"]</p>
<table>
<thead>
<tr class="ui-sortable">
<th class="wps-sort-row ui-sortable-handle">Column 1</th>
<th class="wps-sort-row ui-sortable-handle">Column 2</th>
<th class="wps-sort-row ui-sortable-handle">Column 3</th>
<th class="wps-sort-row ui-sortable-handle">Column 4</th>
</tr>
</thead>
<tbody>
<tr>
<td>Lorem ipsum</td>
<td>Cras sed</td>
<td>Lorem ipsum</td>
<td>Cras sed</td>
</tr>
<tr>
<td>Cras sed</td>
<td>Lorem ipsum</td>
<td>Cras sed</td>
<td>Lorem ipsum</td>
</tr>
<tr>
<td>Lorem ipsum</td>
<td>Cras sed</td>
<td>Lorem ipsum</td>
<td>Cras sed</td>
</tr>
<tr>
<td>Cras sed</td>
<td>Lorem ipsum</td>
<td>Cras sed</td>
<td>Lorem ipsum</td>
</tr>
<tr>
<td>Lorem ipsum</td>
<td>Cras sed</td>
<td>Lorem ipsum</td>
<td>Cras sed</td>
</tr>
</tbody>
</table>
<p>[/wps_table]Option name
Possible values
Default value
style
Choose style for this table
Choose style for this table
default
light
dark
stripped
stripped dark
hover
hover dark
light
dark
stripped
stripped dark
hover
hover dark
default
table content
Choose table content for this table
Choose table content for this table
any value in dummy table
dummy table
extra CSS class
Choose extra CSS class for this table
Choose extra CSS class for this table
any extra CSS class