table-一列細分為多列（合並單元格）

這個是一個很常見的一個表格展示需求，其中最要的就兩個屬性 rowspan 和 colspan 。他們分別就是合並行 與 合並列。

要做的效果是如圖下面這個，聯系電話就是合並了單元格。這個說法類似於excel表格里的表格處理說法。

我們實現它的代碼就是如下代碼塊。其中學號，姓名，班級都在th中添加了rowspan=“2”這個值，含義就是這三個格子td占兩行；聯系電話的添加了colspan="2"則是表示這個單元格要占兩行的位置。再來一個<tr></tr>標簽放區號和號碼，默認的時候rowspan是1 ，所以聯系電話和區號和號碼就聚在一起了，占領了兩行，構成了上圖的樣子。

<table>
	<thead>
		<tr>
			<th rowspan="2">學號</th>
			<th rowspan="2">姓名</th>
			<th rowspan="2">班級</th>
			<th colspan="2">聯系電話</th>
		</tr>
		<tr>
			<th>區號</th>
			<th>號碼</th>
		</tr>
	</thead>
</table>

　　現在明白了rowspan與colspan的含義之后就可以隨意蹂躪這個table了，就算你想加多個列在某一列下面也可以了，只需要改變colspan的值，讓他與需要細分的列值能對應起來即可。對了這里要叨叨一句，賦值的問題。我沒看圖可以看出他其實真正的只有5列的值，所以只需要在tbody中的每個<tr></tr>中放入5個<td></td>就可以了。

下面想要擴展寫一下類似於下面的數據展示，依舊是這兩個屬性。相信可以一眼看懂。