Was ist der Nutzen einer Tabellenkopfgruppe und einer Tabellenfußgruppe in CSS?

Was ist eine Tabellenkopfgruppe?

In CSS ist das „ Tabellenkopfgruppe ” wird verwendet, um die Kopfzeile der Tabelle über das „ ' Schild. Die Kopfzeile entspricht dem ersten Eintrag in einer vertikalen Spalte. Es gibt Informationen zu den Tabelleneinträgen an. Bei Bedarf kann die Kopfzeile auch mehrere Spalten umfassen. Dies kann durch Erstellen einer Tabellenspaltengruppe in CSS erfolgen.

Beispiel
Der Kopf einer Tabelle hat eine andere Formatierung als die übrigen Einträge in der Tabelle, um ihn optisch abzuheben. Diese werden in der Regel durch fette Schriftgröße oder großformatigen Text dargestellt. Wenn wir die Namen „Männer“ und „Frauen“ auflisten, können wir sie als Überschriften in einer separaten Zeile zuweisen, wie im folgenden Beispiel gezeigt:

Die folgenden Schritte erklären, wie Sie einen Tabellenkopf erstellen:

• Ergänzen Sie die ' ”-Tag, um eine Tabelle zu erstellen.
• Geben Sie im nächsten Schritt das „ ”-Tag, das auf den Tabellenkopf verweist.
• Fügen Sie die Header-Werte als Zeile über das Tag „“ hinzu und schließen Sie den Header über das Tag „“.
• Fügen Sie nun das „ ”-Tag, um den Tabellenkörper zu beginnen.
• Fügen Sie die Daten für jede Zeile mit dem Tag „“ ein.
• Schließen Sie den Tabellenkörper und die Tabelle mit dem „ ' Und ' ”-Tags bzw.

Ausgang

Was ist eine Tabellenfußgruppe?

Der ' Tabellenfußgruppe ” wird verwendet, um die Fußzeile einer Tabelle in CSS mit Hilfe des „ ' Schild. Die Fußzeile enthält außerdem Informationen zum Tabelleninhalt, die dem Leser helfen können, die Daten besser zu verstehen. Fügen Sie unter Verwendung des gleichen Beispiels aus dem vorherigen Teil die Fußzeile hinzu, die die Gesamtzahl der Einträge in jeder Spalte für „Männer“ und „Frauen“ in der Tabelle angibt.

Beispiel
Überblick über das folgende Beispiel zur Erläuterung des diskutierten Konzepts:

Die folgenden Schritte erläutern die Schritte zum Erstellen einer Tabellenfußzeile:

• Fügen Sie ähnlich wie im vorherigen Beispiel das „ hinzu ”-Tag zum Erstellen/Einbinden einer Tabelle.
• Umfassen die ' ”-Tag zur Angabe des Tabellenkopfes.
• Fügen Sie nun auf ähnliche Weise die Header-Titel als Zeile hinzu und schließen Sie den Header über das „ ' Schild.
• Erinnern Sie sich an die diskutierten Ansätze zur Angabe des Tabellenkörpers und zur Aufnahme von Daten darin.
• Fügen Sie nun das „ ”-Tag, um die Tabellenfußzeile zu beginnen.
• Fügen Sie die Daten für die Tabellenfußzeile als Zeile hinzu und schließen Sie die Fußzeile mit dem „ ' Schild.
• Abschließend schließen Sie die Tabelle mit „ ' Schild.

Ausgang
Der oben geschriebene Code generiert das folgende Ergebnis:

Abschluss

Die Kopf- und Fußzeile einer Tabelle in CSS hilft dabei, oben bzw. unten in einer Tabelle weitere Informationen hinzuzufügen. Mithilfe dieser Informationen lässt sich ermitteln, worum es in der Tabelle geht, und sie liefern weitere Einzelheiten zu den in die Tabelle eingefügten Werten. Zusammen bilden diese beiden einen perfekten Rahmen für die in der Tabelle zusammengefassten Daten.