表格 Table

示例

基本形式

表格标题表格标题表格标题
表格内容表格内容表格内容
表格内容表格内容表格内容
表格内容表格内容表格内容
<table class="m-table">
    <thead>
        <tr><th>表格标题</th><th>表格标题</th><th>表格标题</th></tr>
    </thead>
    <tbody>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
    </tbody>
</table>

Hover

表格标题表格标题表格标题
表格内容表格内容表格内容
表格内容表格内容表格内容
表格内容表格内容表格内容
<table class="m-table m-table-hover">
    <thead>
        <tr><th>表格标题</th><th>表格标题</th><th>表格标题</th></tr>
    </thead>
    <tbody>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
    </tbody>
</table>

条纹

表格标题表格标题表格标题
表格内容表格内容表格内容
表格内容表格内容表格内容
表格内容表格内容表格内容
<table class="m-table m-table-striped m-table-hover">
    <thead>
        <tr><th>表格标题</th><th>表格标题</th><th>表格标题</th></tr>
    </thead>
    <tbody>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
        <tr><td>表格内容</td><td>表格内容</td><td>表格内容</td></tr>
    </tbody>
</table>

颜色扩展

颜色扩展,待完成……