rowspan属性

th要素のrowspan属性は、表(テーブル)における、垂直方向の見出しセルの結合数(見出しセルがまたがる行数)を指定する属性。

ブラウザ対応

構文

<th rowspan="行数"></th>

行数

rowspan属性には、垂直方向の見出しセルの結合数(見出しセルがまたがる行数)を指定する。

サンプルコード

th要素のrowspan属性を使い、1列目の1行目と2行目の見出しセルを結合。

<table border="1">
	<tr>
		<th rowspan="2">見出しセル</th>
		<th>見出しセル</th>
		<th>見出しセル</th>
	</tr>
	<tr>
		<th>見出しセル</th>
		<th>見出しセル</th>
	</tr>
</table>

サンプル

HTMLソースコード

<table border="1">
	<thead style="background-color: #ffd800">
		<tr>
			<th rowspan="2">結合見出しセル</th>
			<th>見出しセル</th>
			<th>見出しセル</th>
		</tr>
		<tr>
			<th>見出しセル</th>
			<th>見出しセル</th>
		</tr>
	</thead>
	<tbody style="background-color: #b6ff00">
		<tr>
			<td rowspan="2">結合データセル</td>
			<td>データセル</td>
			<td>データセル</td>
		</tr>
		<tr>
			<td>データセル</td>
			<td>データセル</td>
		</tr>
	</tbody>
	<tbody style="background-color: #91fbff">
		<tr>
			<td rowspan="2">結合データセル</td>
			<td>データセル</td>
			<td>データセル</td>
		</tr>
		<tr>
			<td>データセル</td>
			<td>データセル</td>
		</tr>
	</tbody>
</table>

実際の表示

結合見出しセル 見出しセル 見出しセル
見出しセル 見出しセル
結合データセル データセル データセル
データセル データセル
結合データセル データセル データセル
データセル データセル