Encoder: Tabellenstruktur unterbrechen

Beitrag lesen

Stellt euch eine Übersicht von Veranstaltungen vor. Mit Datum, wer macht was, wie nennt sich das, wo findet es statt, eine Bemerkung usw. Das ist im Tabellenformat weil es eine knappe Übersicht sein soll, mit möglichst viel Infos .
Das soll nun jeweils nach Monat aufgeteilt und mit separater Überschrift versehen werden.

Ein Beispiel wie ich es inzwischen gelöst habe.
<table>
<tbody>
<tr><td colspan="100" class="Style ohne border"><h2>Mai 2014</h2></td></tr>
<tr><th>Datum</th><th>Veranstalter</th><th>Veranstaltung</th><th>Ort</th><th>Verantwortlicher</th><th>Bemerkung</th></tr>
<tr><td>10.05.2014</td><td>Sportverein</td><td>Fußballturnier</td><td>Stadion</td><td>Max Muster</td><td></td></tr>
<tr>....</tr>
</tbody>

<tbody>
<tr><td colspan="100" class="Style ohne border"><h2>Juni 2014</h2></td></tr>
<tr><th>Datum</th><th>Veranstalter</th><th>Veranstaltung</th><th>Ort</th><th>Verantwortlicher</th><th>Bemerkung</th></tr>
<tr><td>1.06.2014</td><td>Wanderclub</td><td>Ausflug nach irgendwo</td><td>irgendwo</td><td>Busfahrer</td><td>Anmeldung bis 20.5.</td></tr>
<tr>....</tr>
</tbody>
</table>

Jetzt wäre es natürlich gut mehr über die Zwischenüberschriften zu wissen: Sind diese zum Verständnis der Tabelle zwingend notwendig oder lediglich eine Art Zusatzinformation, um die Daten netter zu Gliedern?

Eher letzteres. Allerdings könnte durchaus noch etwas Zusatztext dazu kommen, so dass auch hier eine Struktur mit <h1> und <p> denkbar wäre. Ich hab es daher doch mit einer Zeile mit colspan="100" gelöst, da brauch ich nicht jedes mal nochmal zählen wie viele Spalten es tatsächlich sind. Ist zwar nicht sehr schön, aber es erfüllt den Zweck.

Danke auch an Gunnar für die Erwähnung von tbody. Dass ich das mehrfach angeben kann hab ich zunächst nicht gedacht. Damit kann ich mit tr:nth-child(even) wechselnde Hintergrundfarben angeben, die bei jedem tbody immer mit der gleichen Farbe beginnen. War auch so ein Detail das ich bisher vermisst hatte :-)