Dynamic Table
@5minds/node-red-dashboard-2-processcube-dynamic-table — Dashboard-2 UI-Node für interaktive Tabellen mit Sortierung, Filterung, Paginierung und Aktionen.
Überblick
Die Dynamic Table zeigt strukturierte Daten in einer interaktiven Tabelle an. Sie unterstützt CRUD-Operationen, Sortierung, Filterung und benutzerdefinierte Aktionen pro Zeile.
npm-Paket: @5minds/node-red-dashboard-2-processcube-dynamic-table
Version: 2.2.x
Lizenz: Apache-2.0
Node: ui-dynamic-table
Kategorie: Dashboard 2.0
Input
| Feld | Typ | Beschreibung |
|---|---|---|
msg.payload | Array | Array von Datenobjekten für die Tabelle |
Output
| Feld | Typ | Beschreibung |
|---|---|---|
msg.payload | Object | Ausgewähltes/angeklicktes Zeilenobjekt |
Features
- Sortierung: Spalten können sortiert werden
- Filterung: Daten filtern über Suchfelder
- Paginierung: Große Datenmengen seitenweise anzeigen
- Aktionen: Benutzerdefinierte Buttons pro Zeile
- JSONata: Datentransformation mit JSONata-Ausdrücken
Beispiel
[processinstance-query] → [Function: Daten aufbereiten] → [ui-dynamic-table]
↓
[Aktion: Details]Abhängigkeiten
- Vue 3.5.13
- JSONata 2.1.0
- lodash 4.17.21
Installation
Im Enterprise Image enthalten. Keine separate Installation erforderlich.
Nächste Schritte
- Dynamic Form — Formulare für UserTasks
- Dynamic List — Listenansicht