tfoot要素

このエントリーをはてなブックマークに追加

tfoot要素は表のフッター部分をグルーピングすることができる要素です。

table要素の直下の子要素として1つだけ利用することができ、caption要素colgroup要素thead要素のうしろかつtbody要素tr要素の前に記述するか、もしくはcaption要素、colgroup要素、thead要素、tbody要素、tr要素の後ろに記述できます。

子要素にはtr要素もしくはscript要素template要素などをスクリプトの補助として利用することができます。

<table>
	<thead>
		<tr>
			<th>品目</th>
			<th>単価</th>
			<th>数量</th>
			<th>数量</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>アイテム1</td>
			<td>¥1,000</td>
			<td>2</td>
			<td>¥2,000</td>
		</tr>
		<tr>
			<td>アイテム2</td>
			<td>¥500</td>
			<td>1</td>
			<td>¥500</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
			<th colspan="3">合計</th>
			<th>¥2,000</th>
		</tr>
	</tfoot>
</table>

参考URL

4.9.7 The tfoot element - HTML5 - W3C

登録日 : 2014年06月27日 最終更新日 : 2014年6月30日

同じカテゴリー(テーブル)のエントリー

検索

スポンサードリンク

バージョン

リファレンス