中软大前端0306-table

标签属性

  • <thead></thead> 头部
  • <tbody></tbody> 主体
  • <tfoot></tfoot> 底部

  • <table></table> 表格
    cellspacing:单元格间的间距
    cellpadding:单元格内的留白
    width:表格宽度

  • <th></th> 表头

  • <tr></tr>
  • <td></td>
  • <caption></caption> 表标题

合并单元格

rowspan 合并行
colspan 合并列

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table border="1px" cellspacing="0px" cellpadding="5px" width="400px">
<tr><th>组别</th><th>组名</th><th>组长</th><th>成员</th><th>备注</th></tr>
<tr>
<td rowspan="5">第一组</td>
<td rowspan="5">EMM</td>
<td rowspan="5">zxx</td>
<td>cy1</td><td>备注</td>
</tr>
<tr><td>cy2</td><td>备注</td></tr>
<tr><td>cy3</td><td>备注</td></tr>
<tr><td>cy4</td><td>备注</td></tr>
<tr><td>cy5</td><td>备注</td></tr>
<tr><td>评价</td><td colspan="4">。。</td></tr>
</table>

GitHUb set up

分组

<colgroup> <col id="col3" span="2" /> <col id="other" span="2" /> </colgroup>