| Current Path : /home/eolienneia/www/templates/yootheme/vendor/yootheme/styler/tests/ |
| Current File : /home/eolienneia/www/templates/yootheme/vendor/yootheme/styler/tests/table.html |
<div class="uk-section uk-section-default">
<div class="uk-container uk-container-small">
<h2>Divider</h2>
<div class="uk-overflow-auto">
<table class="uk-table uk-table-divider uk-table-hover">
<thead>
<tr>
<th class="uk-table-expand">Expand</th>
<th>Table Heading</th>
<th>Table Heading</th>
<th>Table Heading</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Table Footer</td>
<td>Table Footer</td>
<td>Table Footer</td>
<td>Table Footer</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
</tr>
<tr>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
</tr>
<tr class="uk-active">
<td>Active Row</td>
<td>Active Row</td>
<td>Active Row</td>
<td>Active Row</td>
</tr>
<tr>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
</tr>
<tr>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
</tr>
</tbody>
</table>
</div>
<h2>Striped</h2>
<div class="uk-overflow-auto">
<table class="uk-table uk-table-hover uk-table-striped">
<thead>
<tr>
<th class="uk-table-expand">Expand</th>
<th>Table Heading</th>
<th>Table Heading</th>
<th>Table Heading</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Table Footer</td>
<td>Table Footer</td>
<td>Table Footer</td>
<td>Table Footer</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
</tr>
<tr>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
</tr>
<tr class="uk-active">
<td>Active Row</td>
<td>Active Row</td>
<td>Active Row</td>
<td>Active Row</td>
</tr>
<tr>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
</tr>
<tr>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
</tr>
</tbody>
</table>
</div>
<h2>Small</h2>
<div class="uk-overflow-auto">
<table class="uk-table uk-table-divider uk-table-hover uk-table-small">
<thead>
<tr>
<th class="uk-table-expand">Expand</th>
<th>Table Heading</th>
<th>Table Heading</th>
<th>Table Heading</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Table Footer</td>
<td>Table Footer</td>
<td>Table Footer</td>
<td>Table Footer</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
</tr>
<tr>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
</tr>
<tr class="uk-active">
<td>Active Row</td>
<td>Active Row</td>
<td>Active Row</td>
<td>Active Row</td>
</tr>
<tr>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
</tr>
<tr>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
<td>Table Data</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>