Interaktive Tabellen-Widgets

Ein „Interaktive Tabelle“-Widget hinzufügen und bearbeiten

In diesem Artikel erfahren Sie…

Was ist ein „Interaktive Tabelle“-Widget?
Wie man „Interaktive Tabelle“-Widgets verwendet

Note

Complete this tutorial if you have not yet created a table.

Das Widget „Interaktive Tabelle“ hinzufügen

Das Widget „Interaktive Tabelle“ finden Sie im App-Editor in der Symbolleiste unter dem Dropdown-Menü „Einbetten “.

Datenquelle

Das Widget „Interaktive Tabelle“ kann zur Visualisierung von Daten aus den folgenden Quellen verwendet werden:

Variable: Jede Variable innerhalb der App (die Variable muss ein Array von Objekten sein).
Tabelle: Eine vorhandene Tulip-Tabelle.
Tabellenabfrage: Eine Abfrage innerhalb einer Tulip-Tabelle, um gefilterte Datensätze zurückzugeben.

Platzhalter für verknüpfte Datensätze / Variable

Ein interaktives Tabellen-Widget kann je nach Datenquelle auch einen verknüpften Platzhalter oder eine Variable enthalten. Dieser dient als Container für ein einzelnes Objekt, wobei die interaktive Tabelle eine Liste von Objekten darstellt. Ist ein verknüpfter Platzhalter oder eine Variable festgelegt, wird beim Auswählen einer Zeile in der Tabelle die entsprechende Datenzeile in den Container geladen.

Felder

Felder werden durch Felder in der ausgewählten Tulip-Tabelle, der Tabellenabfrage oder durch Objektschlüssel in der ausgewählten Variablen dargestellt.

Um Felder hinzuzufügen, wählen Sie diese mithilfe der Kontrollkästchen aus der Dropdown-Liste aus oder klicken Sie auf „Alle auswählen“.

Tulip empfiehlt, nicht mehr als 20 Felder pro Schritt anzuzeigen, um eine optimale Benutzererfahrung und App-Leistung zu gewährleisten.

Um die Reihenfolge der Felder zu ändern, klicken Sie auf die Beschriftungen in den Widget-Eigenschaften und ziehen Sie sie an die gewünschte Stelle. Um die Breite der Felder anzupassen, ziehen Sie die Linien der einzelnen Felder im App-Editor oder im Player.

Zeilenumbruch

Text in einer Zelle der interaktiven Tabelle kann so eingestellt werden, dass er umgebrochen wird. Bei aktiviertem Zeilenumbruch wird bei längeren Texten zusätzlicher vertikaler Platz geschaffen. Bei deaktiviertem Zeilenumbruch wird der Text mit drei Punkten gekürzt, wenn er sich dem Feldrand nähert.

Um den Textumbruch in der Kopfzeile und im Datensatztext ein- oder auszuschalten, betätigen Sie die Schalter im Kontextbereich.

Text Wrap.png

Auswahlschaltfläche

Dem Widget „Interaktive Tabelle“ kann eine Auswahlschaltfläche hinzugefügt werden, um deutlicher zu machen, welche Zeile ausgewählt ist, wenn ein verknüpfter Platzhalter/eine verknüpfte Variable hinzugefügt wurde.

Filter

Dem Widget „Interaktive Tabelle“ können statische oder dynamische Filter hinzugefügt werden, um Daten im Widget „Interaktive Tabelle“ herauszufiltern. Filter können so eingestellt werden, dass sie alle oder beliebige Bedingungen erfüllen, und sie können mit statischen Werten, Variablen, Anwendungsinformationen und Tabellenfeldern verglichen werden.

Sortieren

Das Sortieren der interaktiven Tabelle nach einem bestimmten Feld kann über die Option „Sortieren nach“ in aufsteigender oder absteigender Reihenfolge (je nach Datentyp) eingerichtet werden. Sie können außerdem mehrere Sortiermethoden pro Feld im Tabellen-Widget hinzufügen.

Felder, die bereits in der Option „Sortieren nach“ hinzugefügt wurden, können auch im Player sortiert werden. Klicken Sie auf das ^-Symbol, um die Sortierreihenfolge umzukehren.

Performance recommendation: Do not sort by filtered fields

In order to ensure a performant app and user experience, Tulip recommends not sorting the embedded table by any fields on which the embedded interactive table is filtered.

Zeilenindex

Dem Widget „Interaktive Tabelle“ kann ein Zeilenindex hinzugefügt werden, um die Zeilenanzahl auf der linken Seite anzuzeigen. Die Zeilenanzahl bezieht sich auf den Inhalt, der gerade vom Widget angezeigt oder gerendert wird.

Zeilen pro Seite

Die Anzahl der Zeilen pro Seite im Widget „Interaktive Tabelle“ kann hier angepasst werden. Wird die Anzahl der Zeilen über einen bestimmten Wert hinaus erhöht, wird das Widget um eine vertikale Bildlaufleiste erweitert.

Trigger

Trigger können so konfiguriert werden, dass sie ausgeführt werden, wenn eine Zeile im Widget „Interaktive Tabelle“ ausgewählt wird. Um einen Trigger hinzuzufügen, klicken Sie im Menü „Widget-Eigenschaften“ auf die Schaltfläche „+“ neben der Bezeichnung „Trigger“.

Trigger können Informationen aus der ausgewählten Zeile nutzen, indem ein verknüpfter Datensatz/eine verknüpfte Variable festgelegt und im Hauptteil des Triggers verwendet wird.

Schriftgröße und Schriftgröße der Seitenzahlen

Die Schriftgröße der in der Tabelle angezeigten Daten sowie die Größe der Seitenzahlbeschriftungen können im Menü „Widget-Eigenschaften“ angepasst werden.

Bedingte Formatierung

Im App-Editor ermöglicht die bedingte Formatierung Benutzern, Tabellenfelder als Argumente für Formatierungsregeln im interaktiven Tabellen-Widget auszuwählen

Bei weniger als 20 Regeln in der Liste wird in den Regeln zur bedingten Formatierung die Option „Duplizieren“ angezeigt.

Erfahren Sie hier mehr über die bedingte Formatierung.