tfoot要素は、親要素であるtable要素が持つ、列の合計値などのまとめの行グループ(フッター)を表します。

行の数が膨大な表を実装する場合、印刷を行う際に表が分断されてしまうことがありますが、tfoot要素を用いることで、分断されてしまった表にもページごとにフッターが表示されます。

<tfoot>

<tr>

<th scope="row">合計</th>

<th>100,000</th>

<th>200,000</th>

<th>300,000</th>

<tr>

</tfoot>

使用例

<table>

<caption>食べたお寿司の合計点数</caption>



<colgroup span="1">

<colgroup span="3">



<thead>

<tr>

<td></td>

<th>Aさん</th>

<th>Bさん</th>

<th>Cさん</th>

</tr>

</thead>



<tbody>

<tr>

<th>100円皿</th>

<td>2</td>

<td>7</td>

<td>9</td>

</tr>



<tr>

<th>200円皿</th>

<td>9</td>

<td>2</td>

<td>3</td>

</tr>



<tr>

<th>300円皿</th>

<td>2</td>

<td>1</td>

<td>4</td>

</tr>

</tbody>



<tfoot>

<tr>

<th scope="row">合計</th>

<th>13皿</th>

<th>10皿</th>

<th>17皿</th>

</tr>

</tfoot>

</table>

使用可能な属性

  • すべてのグローバル属性

コンテンツカテゴリ

  • なし

子要素にしていい要素の種類

  • 0個以上のtr要素
  • 0個以上のスクリプトサポート要素

親要素にしていい要素の種類

仕様書と策定状況

仕様書 策定状況
W3C 勧告
WHATWG Living Standard
最終更新:2017年7月3日

ミツエーリンクスでは、デジタルメディアにおける企業と顧客とのコミュニケーション課題を解決する、さまざまなサービスをご提供しています。ぜひ一度サービスページをご覧ください。

関連情報