Table for Management Screen
list table
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Heading |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
<table class="acms-table-admin">
...
</table>
with thead .acms-table-heading
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Heading |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
<table class="acms-table-admin acms-table-heading">
<thead>
...
</thead>
</table>
Management screen color
.acms-table-info |
.acms-table-info |
.acms-table-info |
.acms-table-info |
.acms-table-info |
.acms-table-info |
.acms-table-info |
.acms-table-success |
.acms-table-success |
.acms-table-success |
.acms-table-success |
.acms-table-success |
.acms-table-success |
.acms-table-success |
.acms-table-warning |
.acms-table-warning |
.acms-table-warning |
.acms-table-warning |
.acms-table-warning |
.acms-table-warning |
.acms-table-warning |
.acms-table-danger |
.acms-table-danger |
.acms-table-danger |
.acms-table-danger |
.acms-table-danger |
.acms-table-danger |
.acms-table-danger |
<tr class="acms-table-info">
<!-- info blue -->
</tr>
<tr class="acms-table-success">
<!-- success green -->
</tr>
<tr class="acms-table-warning">
<!-- warning yellow -->
</tr>
<tr class="acms-table-danger">
<!-- danger red -->
</tr>
Management screen striped table
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Heading |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Heading |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
<table class="acms-table-admin acms-table-admin-striped">
...
</table>
Combination
<table class="adminTable acms-table-admin acms-table-admin-striped acms-table-heading js-admin_table-sortable acms-table-hover">
...
</table>
table for the edit table
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Heading |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Heading |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
<table class="acms-table-admin-edit">
...
</table>
table for the edit table(with form)
Basic
<h3 class="acms-admin-title2">Basic</h3>
<table class="adminTable acms-table-admin-edit">
<tbody>
<tr>
<th>cache<i data-acms-tooltip="setting state of the cache function.if unchecked,cache function will not work" class="acms-icon-tooltip js-acms-tooltip"></i></th>
<td>
<input type="hidden" value="off" name="cache">
<label class="acms-form-checkbox"><input type="checkbox" checked="checked" value="on" name="cache"><i class="acms-ico-checkbox"></i>valid</label>
<input type="hidden" value="cache" name="config[]">
</td>
</tr>
</tbody>
</table>