Zeilen- und spaltenübergreifende Operationen in HTML-Tabellen (Rowspan, Colspan)

Im Allgemeinen wird das Colspan-Attribut des <td>-Elements verwendet, um zellenübergreifende Operationen zu implementieren, und das Rowspan-Attribut des <td>-Elements wird verwendet, um zellenübergreifende Operationen zu implementieren.

Das Attribut colspan gibt die Anzahl der Spalten an, die eine Zelle umfassen kann. Alle Browser unterstützen das Attribut colspan. Sein Wert ist eine Zahl, wie in der folgenden Abbildung gezeigt:

Zum Beispiel:

<Tabellengrenze="1">
  <tr>
    <th>Montag</th>
    <th>Dienstag</th>
  </tr>
  <tr>
    <td colspan="2">Sonntag</td>
  </tr>
</Tabelle>

Das Implementierungsergebnis ist in der folgenden Abbildung dargestellt:

Das Attribut „rowspan“ gibt die Anzahl der Spalten an, die eine Zelle umfassen kann. Alle Browser unterstützen das Attribut „rowspan“. Sein Wert ist eine Zahl, wie in der folgenden Abbildung gezeigt:

Zum Beispiel:

<Tabellengrenze="1">
  <tr>
    <td rowspan="2">Montag</td>
    <td>Dienstag</td>
  </tr>
  <tr>
    <td>Mittwoch</td>
  </tr>
</Tabelle>

Das Implementierungsergebnis ist in der folgenden Abbildung dargestellt:

Die Verwendung von Colspan und Rowspan wird wie folgt zusammengefasst:

<Tabellengrenze="1">
  <tr>
    <th colspan="3">Materialdetails</th>
  </tr>
  <tr>
    <td colspan="2" align="center">Menge (Stück)</td>
    <td rowspan="2">Gewicht (Tonnen)</td>
  </tr>
  <tr>
    <td>Tatsächliche Anzahl der Emissionen</td>    
    <td>Tatsächlich eingezogener Betrag</td>
  </tr>
  <tr>
    <td>12</td>    
    <td>10</td>
    <td>100,00</td>
  </tr>
</Tabelle>

Das Implementierungsergebnis ist in der folgenden Abbildung dargestellt:

Dies ist das Ende dieses Artikels über zeilen- und spaltenübergreifende Operationen (rowspan, colspan) in HTML-Tabellen. Weitere relevante zeilen- und spaltenübergreifende Inhalte in HTML-Tabellen finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!