セルのグループ化/HTML基礎講座

テーブルを表示させるツールは他にもいろいろあります。ここでは、テーブルの横列のグループ化、セルの結合などについて説明します。グループ化することで、より直感的に読みやすい表組の表現を提供します。

■ 横列のグループ化

横列のセルを一括してグループ化させる要素は以下の通りです。

横方向のセルをグループ化する要素
thead	横列をヘッダとして定義し、グループ化するための要素表の一番上に表示する
tfoot	横列をフッタとして定義し、グループ化する要素表の一番下に表示する
tbody	テーブルの本文として定義し、グループ化する要素複数の行をグループ化できる

この要素を利用することで、スタイル付けの簡便、読みやすさが向上します。なお、それぞれのグループ化は複数行にまたがって設定することが可能です。

残念ながら、横方向の行をグループ化する要素でスタイルシートの背景色などを指定した場合、Macintosh版 MSIE では再現するのが難しいようです。ブラウザ固有のバグではないかと推測します。

■ セルの結合

セルを縦、横と結合させることが可能です。td要素に結合させる属性と結合させる数を値として記述します。

横方向への結合　<ts colspan="n"> n＝結合数

縦方向への結合　<ts rowspan="n">

色の付いたセルが結合されたものを表示しています。このように自由なセルの結合が行えます。

初版公開日 2002年8月16日最新更新日 2004年2月26日

■ テーブルの作成 セルのグループ化