Table
- basic table
- borderless table
- bordered table
- table with the colored th
- Striped table
- hover table
- responsive table
- table for the management screen
- table for the management screen with thead
- table for the management screen with stripped
tbody will be inserted automatically, but thead and tfoot is not
basic table
.acms-table
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 Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
<table class="acms-table">
...
</table>
borderless table
.acms-table-none
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 Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
<table class="acms-table acms-table-none">
...
</table>
bordered table
.acms-table-bordered
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 Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
<table class="acms-table acms-table-bordered">
...
</table>
table with colored th
.acms-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 Data |
Table Data |
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 Heading |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
<table class="acms-table acms-table-heading">
...
</table>
stripped table
.acms-table-striped
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 Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
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 Heading |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
<table class="acms-table acms-table-striped">
...
</table>
if td in the tr is hovered
.acms-table-hover
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 Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
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 Heading |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
tr is hovered
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 Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
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 Heading |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
<table class="acms-table acms-table-hover">
...
</table>
Responsive table
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 Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
Table Data |
<div class="acms-table-responsive">
<table class="acms-table">
...
</table>
</div>