中软大前端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>