widget: Tabelle

widget Kategorien: Basic

Das Tabellen-Widget erlaubt es Ihnen, Textdaten in einem Tabellenlayout mit Zeilen und Spalten anzuzeigen. Inhalte können zur Tabelle hinzugefügt werden, indem eine vorhandene Tabelle kopiert und eingefügt, der Editor verwendet oder ein CSV hochgeladen wird.

Hinweis

  • Sie können eine aus Google Tabellen oder Excel exportierte und kopierte CSV-Datei (nur Nicht-RTL-Sprachen) hochladen.

  • Die Tabelle darf nur Text und Links enthalten. Verwenden Sie Zeilen und Spalten oder das Listen-Widget, um eine Tabelle mit Bildern, Buttons oder sonstigen Widgets zu erstellen.

  • Der Tabelleneditor kann in Edge Version 17 nicht geöffnet werden. In Edge 18 funktioniert er jedoch ordnungsgemäß.

  • Die Tabelle kann bis zu 30 Zeilen und Spalten beinhalten.

Inhaltseditor

Sie können Daten auf drei Arten zu Ihrer Tabelle hinzufügen:

  1. Eingabe im Editor.

  2. Kopieren und Einfügen einer bestehenden Tabelle.

  3. Hochladen einer CSV-Datei.

    Die Registerkarte „Inhalt“ im Kontextmenü des Tabellen-Widgets ist geöffnet und zeigt den Tabelleninhalt an. Eine Schaltfläche „CSV hochladen“ in der oberen rechten Ecke.

Verwenden Sie Alle löschen , um alle Daten aus der Tabelle zu löschen.

Designeditor

  • Mit dem Designeditor können Sie den Tabellenrahmen, die Titelleiste, die Hintergrundfarbe und den Textstil für die Kopfzeile, die Zeilen und die erste Spalte anpassen. Sie können auch die Textrichtung und -ausrichtung für die gesamte Tabelle anpassen, jedoch nicht für einzelne Zellen.

  • Die erste Spalte kann so angepasst werden, dass sie eine eigene Hintergrundfarbe, Schriftart, Schriftgröße und Schriftfarbe hat.

  • Auch die Farben für gerade und ungerade Zeilen können angepasst werden, um die Lesbarkeit der Daten zu verbessern.

  • Die Spaltenbreite kann als gleich oder basierend auf der Breite des Titels eingestellt werden. In diesem Fall sind die Spalten möglicherweise nicht gleichmäßig breit.

Auf Mobilgeräten können Sie eine der folgenden Anzeigeoptionen auswählen:

  • Zerquetschen. Dies ist am besten zu verwenden, wenn Sie 2-3 Spalten haben, die Ihren Inhalt an die Bildschirmbreite anpassen.

  • Scrollen. Dies ist am besten zu verwenden, wenn Sie viele Spalten haben. Sie können auch die Größe der widget ändern und einen vertikalen Bildlauf anzeigen, wenn Ihre Tabelle zu lang ist.

  • Zusammenbrechen. Eine weitere detaillierte Möglichkeit, Ihre Daten darzustellen, ist die Empfehlung, dieses Layout nicht zu wählen, wenn Sie zu viele Zeilen haben.

Beispiele

Lebensmittelzutaten:

Tabellen-Widget auf einer Live-Website, das mit Daten gefüllt ist.

Kontaktliste:

Widget mit Live-Inhalten auf einem Desktopcomputer und in der mobilen Ansicht.

Preistabelle:

Tabellen-Widget mit Daten auf einer Live-Website.

Geschmacksrichtungen-Tabelle:

Tabellen-Widget mit Daten auf einer Live-Website. Sowohl die Desktopcomputer- als auch die mobile Ansicht werden angezeigt.

Verbundene Daten hinzufügen

Sie können Daten aus einer Sammlung in einem Tabellen-Widget anzeigen. Das Tabellen-Widget kann mit jedem Sammlungstyp verbunden werden: intern, extern, Google Sheets, Airtable oder Bilder. Mit verbundenen Tabellen können Sie Websites schneller erstellen, wenn Sie verbundene Vorlagen verwenden. Sie können die Daten auch ganz einfach direkt in Google Sheets oder Airtable bearbeiten, anstatt den Inhaltseditor des Tabellen-Widgets zu verwenden.

Wenn eine dynamische Seite vorhanden ist, die mit der gleichen Sammlung wie die Tabelle verbunden ist, wird die dynamische Seite automatisch mit der Tabelle verknüpft. Wenn Sie auf die Zeile klicken, gelangen Sie zu dem dynamischen Seitenelement.

Verknüpfte Tabellen unterstützen die folgenden Feldtypen:

  • Rich Text

  • Klartext

  • Bild

  • Link

  • Nummer

  • Datum und Uhrzeit

  • E-Mail-Adresse

  • Mehrfachauswahl

  • Telefon

Connect Table widget

So verknüpfen Sie ein Tabellen-Widget mit einer Sammlung:

  1. Klicken Sie mit der rechten Maustaste auf das Tabellen-Widget.

  2. Klicken Sie im Kontextmenü auf Mit Daten verbinden.

  3. Wählen Sie eine Sammlung aus dem Dropdown-Menü.

  4. Wählen Sie die gewünschten Felder aus dem Dropdown-Menü Anzuzeigende Felder aus. Die Spalten werden in der gleichen Reihenfolge sortiert, in der sie ausgewählt wurden.

  5. Klicken Sie auf Fertig.

Nach erfolgreicher Verbindung zu den Daten in der Inhaltsbibliothek wird Ihr Table widget mit einem blauen Connected Data-Symbol (Blauer Kreis mit zwei weißen ineinandergreifenden Kreisen im Inneren) gekennzeichnet.