Datentabellen

Mit Datentabellen kannst du strukturierte Daten direkt im Widget Builder speichern und verwalten. Anstatt eine externe API anzubinden, erstellst du Tabellen mit typisierten Spalten, gibst Daten manuell oder per CSV-Import ein und nutzt diese Daten in deinen Widgets.

Was sind Datentabellen?

Eine Datentabelle ist ein strukturierter Datensatz mit definierten Spalten und Zeilen — ähnlich einer Tabellenkalkulation. Jede Tabelle hat:

• Spalten mit Name, Datentyp (Text, Zahl, Datum, Auswahl, Boolean, JSON) und optionalen Validierungsregeln
• Zeilen mit den eigentlichen Daten, direkt im Widget Builder oder über den Daten-Editor bearbeitbar
• Berechtigungen zum Teilen von Tabellen mit Staffbase-Gruppen für die gemeinsame Bearbeitung

Hauptfunktionen

Spaltentypen

Typ	Beschreibung	Beispiel
Text	Freitext mit optionaler Min-/Max-Länge und Regex-Validierung	Produktnamen, Beschreibungen
Zahl	Numerische Werte mit optionalem Min-/Max-Bereich	Preise, Mengen, KPI-Zielwerte
Datum	Kalenderdaten im ISO-Format	Fristen, Veranstaltungstermine
Auswahl	Dropdown mit vordefinierten Optionen	Abteilungen, Kategorien, Status
Boolean	Ja/Nein-Checkbox	Aktiv-Flags, Zielerreichung
JSON	Beliebige strukturierte Daten	Konfigurationsobjekte, Metadaten

Datenverwaltung

• Manuelle Eingabe — Zeilen direkt im Browser hinzufügen und per Inline-Editing bearbeiten
• CSV-Import — CSV-Dateien mit automatischer Spaltenzuordnung, Zeitzonen-Handling und Anfüge-/Ersetzen-Modus hochladen
• Filtern und Sortieren — Bestimmte Zeilen über Spaltenfilter und sortierbare Spaltenköpfe finden
• Paginierung — Effizient durch große Datensätze navigieren

Berechtigungen und Freigaben

Teile Tabellen mit Staffbase-Gruppen, um die gemeinsame Datenbearbeitung zu ermöglichen:

• Bearbeiter-Zugriff — Gruppenmitglieder können Zeilen hinzufügen, bearbeiten und löschen
• Nur Lesen-Zugriff — Gruppenmitglieder können Daten einsehen, aber nicht ändern
• Daten-Editor-Link — Eine eigene URL, die eine vereinfachte Bearbeitungsoberfläche für freigegebene Nutzer öffnet

Daten-Editor

Der Daten-Editor ist eine eigenständige Oberfläche unter /data-editor, die für Nutzer gedacht ist, die nur Zeilendaten verwalten müssen — ohne Zugriff auf die Tabellenstruktur, Spaltendefinitionen oder Widget-Konfiguration.

Wenn du eine Tabelle mit einer Staffbase-Gruppe teilst, können die Gruppenmitglieder den Daten-Editor-Link öffnen, um die Zeilen der Tabelle direkt anzuzeigen und zu bearbeiten. Der Daten-Editor:

• Zeigt nur die Tabellen an, die mit der Staffbase-Gruppe des Nutzers geteilt wurden
• Ermöglicht das Hinzufügen, Bearbeiten und Löschen von Zeilen (bei Bearbeiter-Berechtigung)
• Erlaubt kein Ändern des Spaltenschemas, Umbenennen der Tabelle oder Verwalten von Berechtigungen
• Bietet eine aufgeräumte, fokussierte Oberfläche ohne die vollständige Widget-Builder-Navigation

Das macht den Daten-Editor ideal, um die Datenpflege an Content-Manager, HR-Teams oder Abteilungsleiter zu delegieren, die Daten aktuell halten müssen, ohne die Widget-Konfiguration anzufassen.

Datentabellen in Widgets verwenden

Sobald deine Tabelle Daten enthält, kannst du sie als Datenquelle in jedem Custom Widget verwenden. Wähle im API-Tab des Widget-Editors eine Datentabelle anstelle eines externen API-Endpunkts. Das Widget-Template kann dann über Handlebars auf die Tabellendaten zugreifen:

{{#each data.rows}}
<div class="kpi-card">
  <h3>{{this.data.metric}}</h3>
  <p>Ziel: {{this.data.target}} | Ist: {{this.data.actual}}</p>
</div>
{{/each}}

Nächste Schritte

Folge der Schritt-für-Schritt-Anleitung, um deine erste Datentabelle zu erstellen:

Datentabelle erstellen — Baue eine KPI-Tracking-Tabelle von Grund auf mit Spalten, Daten und Berechtigungen.