管理画面用テーブル
一覧テーブル
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>
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>
管理画面用 カラー
.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 青色 -->
</tr>
<tr class="acms-table-success">
<!-- success 緑 -->
</tr>
<tr class="acms-table-warning">
<!-- warning 黄色 -->
</tr>
<tr class="acms-table-danger">
<!-- danger 赤色 -->
</tr>
管理画面用ストライプテーブル
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>
組み合わせ
<table class="adminTable acms-table-admin acms-table-admin-striped acms-table-heading js-admin_table-sortable acms-table-hover">
...
</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>
編集画面用テーブル(フォーム付き)
基本
<h3 class="acms-admin-title2">基本</h3>
<table class="adminTable acms-table-admin-edit">
<tbody>
<tr>
<th>キャッシュ<i data-acms-tooltip="キャッシュ機能の設定状態です。チェックが外された場合、キャッシュ機能は動作しません。" 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>有効</label>
<input type="hidden" value="cache" name="config[]">
</td>
</tr>
</tbody>
</table>