Wie HTML Tabelle Colspan und HTML-Tabelle rowspan einstellen

Colspan und rowspan

Eine Tabelle ist in Zeilen und jede Zeile ist in Zellen aufgeteilt. In einigen Situationen müssen wir die Tabellenzellen über umspannen (oder fusioniert) mehr als eine Spalte oder Zeile. In diesen Situationen können wir Colspan oder rowspan Attribute verwenden.








Das colspan Attribut definiert die Anzahl der Spalten eine Zelle (oder merge) horizontal überspannen soll. Das heißt, wollen Sie zwei oder mehr Zellen in einer Zeile in eine einzelne Zelle verschmelzen.

Der obige Code wird zwei Zellen als eine Zelle horizontal zusammenführen.


Das obige Bild zeigt zwei Tabellen. Die erste HTML-Tabelle besteht aus 2 Reihen und 2 Spalten in jeder Zeile. Die zweite HTML-Tabelle mit 2 Zeilen und 1 Spalte in der ersten Reihe und Spalte 2 in der zweiten Reihe. In der zweiten Tabelle fusionieren wir zunächst zwei Zellen horizontal Colspan Attribut. Sie können die zweite Tabelle HTML-Code unten.







Wie man colspan?

HTML-Quellcode:

Colspan (Spalte Span) verschmolzen horizontal Zellen, die von links nach rechts ist. Der Standardwert von 1 Colspan ist.

Das rowspan Attribut gibt die Anzahl der Zeilen eine Zelle vertikal erstrecken soll. Das ist. Sie wollen vertikal zwei oder mehr Zellen in der gleichen Spalte wie eine einzelne Zelle verschmelzen.

Der obige Code wird vertikal zwei Zellen als eine Zelle verschmelzen.


Das obige Bild zeigt zwei Tabellen. Erste Tabelle hat zwei Zeilen und jeweils Reihen haben zwei Spalten. Die zweite Tabelle hat 2 Zeilen in der ersten Spalte und Zeile ony 1 in der zweiten Spalte. Das heißt wir verwenden rowspan Attribut vertikal in der zweiten Spalte. Sie können die zweite Tabelle HTML-Code unten.

Wie man rowspan?

HTML-Quellcode:







In Verbindung stehende Artikel