Was ist die Verwendung von Tabellenspaltengruppen und Tabellenzeilengruppen in CSS?

Was Ist Die Verwendung Von Tabellenspaltengruppen Und Tabellenzeilengruppen In Css



Durch die Gruppierung in Tabellen kann der Benutzer zwei oder mehr Zellen zusammenführen, um einen einzelnen Wert oder einen Textabschnitt anzuzeigen, der mehreren vorherigen Einträgen entspricht. Die Gruppierung der Zellen sorgt für ein klares Erscheinungsbild der Tabelle und macht die gesamte Präsentation für den Leser prägnant und zugänglich. Der Fachbegriff für die Gruppierung von Zellen in einer Tabelle in CSS ist „span“. Wenn eine bestimmte Zeile oder Spalte einen Wert größer als „1“ aufweist, wird sie als Tabellengruppe betrachtet.

Was ist eine Tabellenspaltengruppe?

Eine Tabellenspaltengruppe ist, wie der Name schon sagt, eine Gruppe von Zellen aus mehreren Spalten. Alle Werte in einer bestimmten Spalte stehen in Beziehung zueinander. Eine Tabellenspalte hostet ein Element, das mehrere Spalten umfasst. Wir benutzen ein ' ”-Tag, um die Spalten in einer Tabelle in CSS zu gruppieren. Anschließend wird der Span-Wert definiert, um anzugeben, wie viele Spalten die Gruppe haben wird.

Beispiel
In der Tabelle über die Biodaten von Firmenmitarbeitern, in der „Name“, „Alter“ und „Größe“ erfasst sind, entspricht jede blaue Spalte einem bestimmten Mitarbeiter, wie im folgenden Beispiel gezeigt:







< Tisch >
< Kolgruppe >
< Kol Stil = „Hintergrundfarbe: rosa“ >
< Kol Spanne = '3' Stil = „Hintergrundfarbe: hellblau“ >
< / Kolgruppe >
< tr >
< td > Name < / td >
< td > Michael < / td >
< td > James < / td >
< td > David < / td >
< / tr >
< tr >
< td > Alter < / td >
< td > 37 < / td >
< td > 43 < / td >
< td > 29 < / td >
< / tr >
< tr >
< td > Höhe < / td >
< td > 173 cm < / td >
< td > 184 cm < / td >
< td > 188 cm < / td >
< / tr >
< / Tisch >

Befolgen Sie die unten angegebenen Schritte gemäß dem obigen Code:



  • Erstellen Sie zunächst eine Tabelle und fügen Sie diese hinzu Schild.
  • Benutzen Sie die Spanne Dienstprogrammklasse und geben Sie die Anzahl der Spalten an, die gruppiert werden sollen.
  • Schließen Sie nun die Kolgruppe mit dem Schild.
  • Geben Sie außerdem die angegebenen Daten in die Tabellenzeilen ein Und Stichworte.
  • Schließen Sie die Tabelle über ab Schild.

Ausgang



Der „Bereich“ von Zellen in einer Tabelle in HTML gibt an, wie viele Spalten eine einzelne Zelle abdecken kann. Es bietet die gleiche Verwendung wie die Funktion „Zellen zusammenführen“ in Microsoft Excel.





Was ist eine Tabellenzeilengruppe?

Eine Tabellenzeilengruppe ist die Zusammenfassung mehrerer Zeilen zu einer einzigen Gruppe. Ein einzelnes Element umfasst mehrere Zeilen. Dies erfolgt über „ ' Schild.

Beispiel
Die folgende Tabelle, die die von den Mitarbeitern in einem Monat erzielten Umsätze zeigt, kann angezeigt werden, indem die Zeile, die den Namen des Monats enthält, mit den Namen mehrerer Mitarbeiter gruppiert wird. Anschließend können ihre Umsätze entsprechend ihrem Namen angezeigt werden. Wir haben dasselbe im folgenden Code veranschaulicht:



< Tisch Klasse = „Wet-Boew-Zebra“ >
< Kolgruppe >
< Kol >
< Kol >
< / Kolgruppe >




< Tbody >
< tr >
< Th Colspan = „9“ >MONATLICHE VERKÄUFE ( $ ) < / Th >
< / tr >
< tr >
< Th Reihenspanne = „4“ >Mai 2023 < / Th >
< Th >James< / Th >
< td > 1434 < / td >
< / tr >
< tr >
< Th >Michael< / Th >
< td > 1700 < / td >
< / tr >
< tr >
< Th >John< / Th >
< td > 1299 < / td >
< / tr >
< / Tbody >
< Tbody >
< tr >
< Th Reihenspanne = „4“ >Juni 2023 < / Th >
< Th >James< / Th >
< td > 1256 < / td >
< / tr >
< tr >
< Th >Michael< / Th >
< td > 1975 < / td >
< / tr >
< tr >
< Th >John< / Th >
< td > 1883 < / td >
< / tr >
< / Tbody >
< / Tisch >

Im oben genannten Code:

  • Definieren Sie eine Tabelle und fügen Sie die hinzu Schild.
  • Definieren Sie die Gruppierung der Spalten mithilfe von Colspan Utility-Klasse.
  • Definieren Sie ebenfalls die Gruppierung der Zeilen über Reihenspanne Utility-Klasse.
  • Geben Sie nun die Daten für die Verkäufe aller Personen für jeden der beiden Monate ein.
  • Schließen Sie abschließend die Tabelle mit Schild.

Ausgang

Abschluss

Die einzelnen Zellen einer Tabelle können gruppiert werden, wenn ein Wert mehreren anderen Einträgen entspricht. Wir haben auch beobachtet, dass die Tabelle entweder nach Spalten oder nach Zeilen gruppiert werden kann. Beide verfügen über eigene Funktionalitäten und können überall dort eingesetzt werden, wo sie benötigt werden.