Spalten und Zeilen zusammenfassen

Mit colspan kann man Spalten zusammenfassen und mit rowspan kann man Zeilen zusammenfassen.

Der Wert des Attributs colspan oder rowspan wird mit 2 oder 3 usw. angeben. Das heißt der Wert steig je nachdem wie viele Spaten zusammengefasst werden sollen.

 

Beispiel für Spalten:

 

<table>

<tr>

<th></th>

<th colspan="3">Ergebnis</th>

</tr>

<tr>

<th scope="row">Multiplikation 2x5</th>

<td>5</td>

<td>10</td>

<td>15</td>

</tr>

<tr>

<th scope="row">Multiplikation 2x6</th>

<td>6</td>

<td>12</td>

<td>18</td>

</tr>

<tr>

<th scope="row">Multiplikation 2x7</th>

<td>7</td>

<td>14</td>

<td>21</td>

</tr>

</table>

 

Darstellung:

  Ergebnis
Multiplikation 2x5 5 10 15
Multiplikation 2x6 6 12 18
Multiplikation 2x7 7 14 21

 

Beispiel für Zeilen:

 <table>

<tr>

<th scope="col">Uhrzeit</th>

<th scope="col">Montag</th>

<th scope="col">Dienstag</th>

<th scope="col">Mittwoch</th>

</tr>

<tr>

<th scope="row">6:30 - 9:30 Uhr</th>

<td rowspan="3">Urlaub</td>

<td>Arbeit</td>

<td>Arbeit</td>

</tr>

<tr>

<th scope="row">9:30 - 10:00 Uhr</th>

<td>Pause</td>

<td>Pause</td>

</tr>

<tr>

<th scope="row">10:00 - 12:30 Uhr</th>

<td>Arbeit</td>

<td>Arbeit</td>

</tr>

</table>

 

Darstellung:

 

Uhrzeit Montag Dienstag Mittwoch
6:30 - 9:30 Uhr Urlaub Arbeit Arbeit
9:30 - 10:00 Uhr Pause Pause
10:00 - 12:30 Uhr Arbeit Arbeit