Tabellenstand-Block
Eine gereihte Saisontabelle für ein Sportteam oder einen Verein: Teamname, Gespielt/Gewonnen/Unentschieden/Verloren, Punkte für/gegen und Punkte, sortiert nach absteigenden Punkten mit markierten Top-drei-Rängen. Anders als jeder Block auf der Seite Analysen- und Diagramm-Blöcke wird dieser nie als Bild gerendert — eine echte HTML-<table> ist der gesamte Block, in jedem E-Mail-Client einschließlich Outlook.
Wie es funktioniert
Jeder der dreizehn Diagramm-Blöcke der Analysen-Familie rendert ein serverseitig erzeugtes Rasterbild mit einem Text-Fallback daneben. Das liegt daran, dass ein Balkendiagramm oder ein Liniendiagramm tatsächlich kein gleichwertiges HTML-Markup hat, das in allen Clients konsistent dargestellt wird. Eine gereihte Tabelle hat dieses Problem nicht: sortierte Zeilen und Spalten sind genau das, was <table>-Markup bereits nativ und überall konsistent rendert, einschließlich der Word-basierten Engine von Outlook. Es gibt hier keine Aufteilung in Bild plus Fallback — nur einen einzigen Renderpfad, bedingungslos verwendet.
Zeilen werden direkt im Zeileneditor des Inspektors eingetippt, ein Team pro Zeile. Es gibt noch keine Anbindung an eine Live-Datenquelle, Sie aktualisieren den Block also nach jedem Spiel von Hand — dasselbe manuelle Aktualisierungsmodell, das der eingetragene value einer KPI-Kennzahlkarte verwendet, bevor sie an eine Datenquelle gebunden ist. Die Sortierung erfolgt zur Renderzeit: Zeilen werden nach der Spalte Punkte absteigend sortiert, und Gleichstände behalten ihre ursprünglich eingegebene Reihenfolge bei, statt neu gemischt zu werden, da Array.prototype.sort eine stabile Sortierung ist. Die drei Zeilen nach der Sortierung erhalten ein Rang-Abzeichen (🥇🥈🥉) statt einer einfachen Zahl; jede Zeile ab dem vierten Platz erhält eine einfache Rangzahl.
Punkte ist immer eine Zahl, die Sie selbst ausfüllen. Sie wird nie aus Siegen/Unentschieden/Niederlagen berechnet, da Ligen Punkte unterschiedlich vergeben (ein einfacher 3-Punkte-Sieg, Bonuspunkte für eine torreiche Niederlage und Ähnliches), und eine fest einprogrammierte Formel wäre für die meisten Sportarten falsch.
Schalten Sie Unentschieden-Spalte anzeigen für eine Sportart ohne Unentschieden aus, etwa Basketball oder die meisten Tennisligen. Das entfernt die Spalte „U“ sowohl aus der Kopfzeile als auch aus jeder Zeile, statt sie nur visuell auszublenden. Team hervorheben vergleicht den Wert Team einer Zeile ohne Berücksichtigung der Groß-/Kleinschreibung, und bei Übereinstimmung wird der Zeilentext fett dargestellt und der Hintergrund eingefärbt. Das ist nützlich für eine Eltern-Digest-E-Mail, damit eine Familie das Team ihres Kindes auf einen Blick in der gesamten Tabelle findet.
Wenn keine Zeile einen nicht leeren Teamnamen hat, rendert der Block dennoch seinen Titel und den Rahmen der Karte, mit einem einfachen Hinweis „Fügen Sie mindestens ein Team hinzu, um die Tabelle zu rendern“ statt einer leeren Tabelle. Das ist dieselbe Konvention „nicht mitten im Tippen abstürzen“, der der leere-Daten-Zweig jedes anderen Analysen-Blocks folgt.
Tabellenstand ist reiner Inhalt: Es gibt nichts zu beantworten, daher erscheint er — wie Veranstaltungsort — nie im Antworten-Dashboard, im CSV-Export oder in der Klick-Heatmap. Nichts darin ist ein Link.
Konfigurierbare Felder:
- Titel — über der Tabelle angezeigt; lassen Sie ihn weg, und nur die Tabelle wird gerendert.
- Teams — die Zeilenliste: Team, Gespielt, Gewonnen, Unentschieden, Verloren, Punkte für, Punkte gegen, Punkte.
- Unentschieden-Spalte anzeigen — schaltet die Spalte „U“ ein/aus.
- Team hervorheben (exakte Namensübereinstimmung) — Abgleich mit der Spalte Team ohne Berücksichtigung der Groß-/Kleinschreibung.
- Hintergrundfarbe, Innenabstand, Rahmen und Eckenradius der Karte.
- Farbe/Größe des Titels sowie Farbe/Größe des Tabellentexts.
Beispiele
Subject
Season standings after Week 10
Der Projektzweck „Sportteam“ startet ein neues Projekt mit einem bereits eingerichteten Tabellenstand-Block neben Veranstaltungsort, „Zum Kalender hinzufügen“ und RSVP. Senden Sie eine wöchentliche Digest-E-Mail, die denselben Block mit den neuesten Ergebnissen aktualisiert — siehe Sportteams & Vereine für das vollständige Muster, einschließlich der Frage, wie eine gemeinsame Kontaktliste über mehrere Mannschaften oder Altersgruppen hinweg beibehalten wird. Ein Liga-Newsletter fasst die Ergebnisse einer ganzen Division in einer E-Mail zusammen, wobei Team hervorheben leer bleibt, da es kein einzelnes „Heim“-Team gibt, das hervorgehoben werden müsste. Ein Jugendverein sendet dieselbe Tabellenstand-E-Mail an jedes Elternteil, wobei Team hervorheben pro Mannschaft über einen visibleWhen-Zielgruppenfilter gesetzt wird, statt eine separate E-Mail pro Team zu versenden.
So sieht der statische Fallback aus
<div style="margin:12px 0;background-color:#ffffff;padding:16px;border-radius:8px">
<p style="margin:0 0 8px;font-weight:600;font-size:15px;color:#111827">Standings</p>
<table style="width:100%;border-collapse:collapse;margin-top:4px">
<tr>
<th style="text-align:left;padding:4px 8px;border-bottom:1px solid #e5e7eb;font-weight:600">#</th>
<th style="text-align:left;padding:4px 8px;border-bottom:1px solid #e5e7eb;font-weight:600">Team</th>
<th style="text-align:right;padding:4px 8px;border-bottom:1px solid #e5e7eb;font-weight:600">Pts</th>
</tr>
<tr style="background-color:#eef2ff">
<td style="padding:4px 8px;border-bottom:1px solid #e5e7eb;font-weight:700">🥇 1</td>
<td style="padding:4px 8px;border-bottom:1px solid #e5e7eb;font-weight:700">Eagles</td>
<td style="text-align:right;padding:4px 8px;border-bottom:1px solid #e5e7eb;font-weight:700">23</td>
</tr>
</table>
</div>
Das ist die tatsächliche, einzige Darstellung des Blocks — es gibt keine separate Fallback-Stufe, da eine Tabelle in jedem Client dasselbe Markup ist. (Die Spalten Gespielt/Gewonnen/Unentschieden/Verloren/PF/PA sind hier der Kürze halber weggelassen; die Zeile mit der Medaille zeigt dieselbe Zeile mit der Einfärbung für hervorgehobene Teams.)