テーブルヘッダーグループとは何ですか?
CSS では、「 テーブルヘッダーグループ 」は、「」経由でテーブルのヘッダーを表示するために使用されます。 <頭> ' 鬼ごっこ。ヘッダーは、垂直列の最初のエントリに対応します。テーブルエントリに関する情報を指定します。必要に応じて、ヘッダーは複数の列にまたがることもできます。これは、CSS でテーブルと列のグループを作成することで実行できます。
例
テーブルのヘッダーは、視覚的に区別するために、テーブル内の残りのエントリとは異なる書式設定になっています。これらは通常、太字のフォント サイズまたは大文字のテキストで表されます。 「男性」と「女性」の名前をリストする場合、以下の例に示すように、それらを別の行のヘッダーとして割り当てることができます。
< テーブル >
< 宣伝 >
< tr >
< 番目 > 男性 < / 番目 >
< 番目 > 女性 < / 番目 >
< / tr >
< / 宣伝 >
< ボディ >
< tr >
< た > ジェームス < / た >
< た > ジェシカ < / た >
< / tr >
< tr >
< た > デビッド < / た >
< た > ローラ < / た >
< / tr >
< tr >
< た > ジェイコブ < / た >
< た > レベッカ < / た >
< / tr >
< / ボディ >
< / テーブル >
次の手順では、テーブルヘッダーを作成する方法を説明します。
- 「」を追加します。 <テーブル> ”タグを使用してテーブルを作成します。
- 次のステップで「」を指定します。 <頭> ” テーブルヘッダーを参照するタグ。
- 「
」タグを使用してヘッダー値を行として追加し、「」タグを使用してヘッダーを閉じます。 - ここで、「」を含めます。 <本体> ” タグを使用してテーブル本体を開始します。
- 「
」タグを使用して各行のデータを挿入します。 - 「」を介してテーブル本体とテーブルを締結します。 ' と ' ”タグをそれぞれ付けます。
出力
テーブルフッターグループとは何ですか?
” テーブルフッターグループ ” は、” の助けを借りて CSS でテーブルのフッターを表示するために使用されます。 <足> ' 鬼ごっこ。フッターには、読者がデータをより明確に理解するのに役立つテーブルの内容に関する情報も表示されます。前の部分と同じ例を利用して、テーブルの「男性」と「女性」の各列のエントリの合計数を示すフッターを追加します。
例
< テーブル >
説明した概念を説明する次の例の概要:
< 宣伝 >
< tr >
< 番目 >男性< / 番目 >
< 番目 >女性< / 番目 >
< / tr >
< / 宣伝 >
< ボディ >
< tr >
< た >ジェームズ< / た >
< た >ジェシカ< / た >
< / tr >
< tr >
< た >デビッド< / た >
< た >ローラ< / た >
< / tr >
< tr >
< た >ジェイコブ< / た >
< た >レベッカ< / た >
< / tr >
< / ボディ >
< tフット >
< tr >
< た クラス = 「bg-gray-200」 >トータル03< / た >
< た クラス = 「bg-gray-200」 >トータル03< / た >
< / tr >
< / tフット >
< / テーブル >次の手順では、テーブル フッターを作成する手順について説明します。
- 前の例と同様に、「」を追加します。 <テーブル> ” タグを使用してテーブルを作成/組み込みます。
- 「」を含めます <頭> ”タグを使用してテーブルのヘッダーを指定します。
- 次に、同様にヘッダー タイトルを行として追加し、「 ' 鬼ごっこ。
- テーブル本体を指定し、そこにデータを含めるために説明したアプローチを思い出してください。
- ここで、「」を追加します。 <足> ” タグを使用してテーブルフッターを開始します。
- テーブル フッターのデータを行として追加し、「」を使用してフッターを閉じます。 ' 鬼ごっこ。
- 最後に、「」を使用して表を締めくくります。 ' 鬼ごっこ。
出力
上記で書かれたコードは次の結果を生成します。
結論
CSS のテーブルのヘッダーとフッターは、それぞれテーブルの上部と下部にさらに情報を追加するのに役立ちます。この情報は、テーブルの内容を判断するのに役立ち、テーブルに挿入された値に含まれる詳細を提供します。これら 2 つを組み合わせることで、テーブル内にカプセル化されたデータが完全に構成されます。