Tabellen über Mosaico

Weitere Communities
1

Hallo zusammen,

wir planen Mosaico als Editor einzusetzen (allerdings nicht mit Civi-CRM).

Für unsere Newsletter sind Tabellen sehr wichtig. Und ich meine wirklich große und komplexe, immer verschiedene Tabellen. Die einzige Beschränkung bisher war, dass sie auf einer A4-Seite lesbar sein müssen.

Gibt es hier Erfahrungen mit Tabellen über Mosaico? Welche Möglichkeiten gibt es bezüglich Responsivität. Ein A4-Blatt ist auf keinem Smartphone lesbar, klar. Aber gibt es zum Beispiel die Möglichkeit, dass auf sehr kleinen Displays ein Screenshot der Tabelle angezeigt wird, den man mit Fingergesten vergrößern kann um dann Teile der Tabelle lesen zu können?

zudem würde ich mich freuen, wenn Ihr mir vielleicht ein paar Links mit manuals oder dergleichen verraten würdet. http://mosaico.io kenne ich natürlich. Aber vielleicht gibt es ja noch mehr.

Vielen Dank und viele Grüße
Tim

2

Hallo Tim,

in Mosaico gibt es keine klassische Tabellenfunktion, aber man kann mit HTML nachhelfen. Ein Kollege von mir hat das mal so gelöst:

<table border="1" cellpadding="10" cellspacing="0" width="100%" style="border-collapse: collapse; font-family: Arial, sans-serif; font-size: 14px; border: 1px solid #ccc;">
<thead style="background-color: #f2f2f2;">
<tr>
<th align="center" style="border: 1px solid #ccc;"></th>
<th align="center" style="border: 1px solid #ccc;">2023 (zum 31.12.2023)</th>
<th align="center" style="border: 1px solid #ccc;">2024 (zum 31.12.2024)</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left" style="border: 1px solid #ccc;">Stiftungskapital (inklusive Stiftungsfonds)</td>
<td align="center" style="border: 1px solid #ccc;">–</td>
<td align="center" style="border: 1px solid #ccc;">–</td>
</tr>
<tr>
<td align="left" style="border: 1px solid #ccc;">Spendeneinnahmen</td>
<td align="center" style="border: 1px solid #ccc;">–</td>
<td align="center" style="border: 1px solid #ccc;">–</td>
</tr>
<tr>
<td align="left" style="border: 1px solid #ccc;">Fördersumme</td>
<td align="center" style="border: 1px solid #ccc;">–</td>
<td align="center" style="border: 1px solid #ccc;">–</td>
</tr>
</tbody>
</table>

Vielleicht hilft dir das ja weiter.

Liebe Grüße,
Regina

1 „Gefällt mir“
3

Hallo Liebe Regina, vielen Dank für Deine Antwort. Ich bin gespannt ob sie THeinzen weiterhelfen kann? Vielleicht klappt es mit einer kleinen Rückmedlung. Das wäre spannend. Beste Grüße an Euch.