Kann man Tabellen-Zeilen gruppieren?
Linuchs
- css
Hoppla,
habe mir gerade das Self-Wiki über Aufbau_einer_Tabelle angeschaut. Da gibt's ja nur Tabellen mit Kopf, Körper und Fuß.
Ich habe eine Jahrestabelle und würde nach Monatswechsel gerne die Zeilen odd und even per CSS gestalten. Wie könnte ich Zeilen einer Tabelle gruppieren?
Linuchs
Servus!
habe mir gerade das Self-Wiki über Aufbau_einer_Tabelle angeschaut. Da gibt's ja nur Tabellen mit Kopf, Körper und Fuß.
Das ist ja auch genau richtig so, das ist alles HTML.
Ich habe eine Jahrestabelle und würde nach Monatswechsel gerne die Zeilen odd und even per CSS gestalten. Wie könnte ich Zeilen einer Tabelle gruppieren?
Mit CSS: Tabelle_im_Zebralook
Linuchs
Herzliche Grüße
Matthias Scharwies
@@Matthias Scharwies
Ich habe eine Jahrestabelle und würde nach Monatswechsel gerne die Zeilen odd und even per CSS gestalten. Wie könnte ich Zeilen einer Tabelle gruppieren?
Mit CSS: Tabelle_im_Zebralook
Das war am Thema vorbei. Es ging darum, die jeweiligen Tabellenzeilen für die einzelnen Monate zu gruppieren.
LLAP 🖖
Hallo
nach Monatswechsel gerne die Zeilen odd und even per CSS gestalten
Beschreib bitte etwas genauer wie die Tabelle aussehen soll.
Gruss
MrMurphy
@@Linuchs
habe mir gerade das Self-Wiki über Aufbau_einer_Tabelle angeschaut. Da gibt's ja nur Tabellen mit Kopf, Körper und Fuß.
Und zu deren Anzahl ist dort Folgendes zu lesen: „in maximal einen Tabellenkopf thead
, maximal einen Tabellenfuß tfoot
und mindestens einen Tabellenkörper tbody
.“ (Hervorhebung von mir.)
Wie könnte ich Zeilen einer Tabelle gruppieren?
Mit dem dafür vorgesehenen Element tbody
. Ich hab die Erläuterung im Wiki mal berichtigt.
LLAP 🖖
Moin!
Ich habe eine Jahrestabelle und würde nach Monatswechsel gerne die Zeilen odd und even per CSS gestalten. Wie könnte ich Zeilen einer Tabelle gruppieren?
Na, wenn Du die Monate doch kennst, dann verwende diese einfach als Klassen:
<tr class="Februar">
Jörg Reinholz
@@Jörg Reinholz
Ich habe eine Jahrestabelle und würde nach Monatswechsel gerne die Zeilen odd und even per CSS gestalten. Wie könnte ich Zeilen einer Tabelle gruppieren?
Na, wenn Du die Monate doch kennst, dann verwende diese einfach als Klassen:
<tr class="Februar">
Auch an der Aufgabe vorbei.
Die jeweils erste, dritte usw. Tabellenzeile eines jeden Monats soll eine bestimmte Hintergrundfrbe haben, die geraden eine andere. Wie willst du das allein mit <tr class="Januar">
, <tr class="Februar">
usw. hinbekommen?
Nochmal: Es geht darum zu gruppieren.
LLAP 🖖
Hallo,
<tr class="Februar">
Auch an der Aufgabe vorbei.
sicher?
Die jeweils erste, dritte usw. Tabellenzeile eines jeden Monats soll eine bestimmte Hintergrundfrbe haben, die geraden eine andere.
Ich hatte Linuchs so verstanden, dass der erste, dritte, fünfte ... Monat eine andere Farbe haben sollte als die jeweils dazwischenliegenden.
Nochmal: Es geht darum zu gruppieren.
Vielleicht. Und wenn: Einfach ein Zebramuster innerhalb der Monate ist keine Gruppierung.
So long,
Martin
@@Der Martin
Ich hatte Linuchs so verstanden, dass der erste, dritte, fünfte ... Monat eine andere Farbe haben sollte als die jeweils dazwischenliegenden.
Dann verstehen wir wohl unter „nach Monatswechsel gerne die Zeilen odd und even per CSS gestalten“ etwas andes. 😏
Und wenn: Einfach ein Zebramuster innerhalb der Monate ist keine Gruppierung.
Die Gruppierung ist aber notwendig, um für jeden Monat aufs Neue das Zebramuster mit ungerade zu beginnen.
LLAP 🖖
Hallo,
Die Gruppierung ist aber notwendig, um für jeden Monat aufs Neue das Zebramuster mit ungerade zu beginnen.
nicht wenn man Bankmonate nimmt...
Gruß
Kalk
@@Tabellenkalk
Die Gruppierung ist aber notwendig, um für jeden Monat aufs Neue das Zebramuster mit ungerade zu beginnen.
nicht wenn man Bankmonate nimmt...
Es war keine Rede davon, dass die Tabellenzeilen für die einzelnen Tage eines Monats stünden. Aber netter Versuch. ;-)
LLAP 🖖
Nochmal: Es geht darum zu gruppieren.
Wenn man das so will: Mehrere tbody darf man verwenden:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tabelle</title>
</head>
<body>
<table>
<thead>
<tr>
<th>Monat</th>
<th>Datum</th>
<th>Ereignis</th>
</tr>
</thead>
<tbody>
<tr>
<td>Januar</td>
<td>Datum</td>
<td>Ereignis</td>
</tr>
<tr>
<td>Januar</td>
<td>Datum</td>
<td>Ereignis</td>
</tr>
<tr>
<td>Januar</td>
<td>Datum</td>
<td>Ereignis</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Februar</td>
<td>Datum</td>
<td>Ereignis</td>
</tr>
<tr>
<td>Februar</td>
<td>Datum</td>
<td>Ereignis</td>
</tr>
<tr>
<td>Februar</td>
<td>Datum</td>
<td>Ereignis</td>
</tr>
</tbody>
<tbody>
<tr>
<td>März</td>
<td>Datum</td>
<td>Ereignis</td>
</tr>
<tr>
<td>März</td>
<td>Datum</td>
<td>Ereignis</td>
</tr>
<tr>
<td>März</td>
<td>Datum</td>
<td>Ereignis</td>
</tr>
</tbody>
</table>
</body>
Der Validator findet es O.K., das W3C sagt auch nur: "The <tbody> element represents a block of rows that consist of a body of data for the parent table element, if the tbody element has a parent and it is a table."
Kein Wort, dass es nicht mehrfach vorkommen darf. Ich hoffe, der "block of rows" ist genug "gruppiert"
Jörg Reinholz
@@Jörg Reinholz
das W3C sagt auch nur: "The <tbody> element represents a block of rows that consist of a body of data for the parent table element, if the tbody element has a parent and it is a table."
Kein Wort, dass es nicht mehrfach vorkommen darf.
Dafür aber ein Wort, dass tbody
mehrfach vorkommen darf: “…if the [tbody
] element is not immediately preceded by a tbody
…”
Und noch eins: “…if the tbody
element is immediately followed by a tbody
…element…”
Ein deutliches Wort spricht das content model des table
-Elements: “zero or more tbody
elements”.
Ich hoffe, der "block of rows" ist genug "gruppiert"
Das ist er. Das sag ich doch die ganze Zeit.
LLAP 🖖