[AEM Forms]{class="badge positive" title="Gilt für AEM Forms)."}
Hinzufügen einer Tabelle zu einem adaptiven Formular (Kernkomponenten) tables-in-adaptive-forms-core-components
Die Funktion ist im Rahmen des Early-Adopter-Programms verfügbar. Sie können von Ihrer offiziellen E-Mail-Adresse aus an aem-forms-ea@adobe.com schreiben, um dem Early-Adopter-Programm beizutreten und den Zugriff auf diese Funktion zu beantragen.
Die Verwendung von Tabellen ist eine effektive Möglichkeit, komplexe, strukturierte Daten in adaptiven Forms darzustellen. Formulare für Behörden und Finanzdienstleistungen erfordern häufig tabellarische Layouts für numerische Daten, Zeileneinträge und mehrspaltige Eingaben.
Mit der Kernkomponente "" für adaptive Formulare können Sie responsive Tabellen mit konfigurierbaren Zeilen und Spalten erstellen, Tabellenzellen zusammenführen und aufteilen, Spaltensortierung aktivieren, proportionale Spaltenbreiten festlegen und Zeilen zur Laufzeit hinzufügen oder entfernen. In diesem Artikel wird die Verwendung der Tabellenkomponente in adaptiven Forms auf der Grundlage von Kernkomponenten beschrieben.
Schlüsselfunktionen key-capabilities
Die Kernkomponente „Tabelle“ unterstützt die folgenden Funktionen:
- Erstellen strukturierter Zeilen und Spalten mit Kopf- und Textzeilen
- Spalten- und Zeilenüberschriften mit Barrierefreiheitssemantik
- Wiederholbare Zeilen mit Aktionen zum Hinzufügen und Entfernen zur Laufzeit
- Spaltensortierung mit auf- und absteigender Reihenfolge
- Sortierung einzelner Spalten für Barrierefreiheit deaktivieren
- Proportionale Spaltenbreiten
- Zusammenführen und Aufteilen von Tabellenzeilenzellen
- Ersetzen von standardmäßigen Textfeldzellen durch andere Komponenten des adaptiven Formulars
- Binden von Tabellendaten an ein Formulardatenmodell
- Berechnungen in Tabellenzeilen mit dem Regeleditor
- Tabellen-Rendering in Submission PDF (Datensatzdokument)
Vergleich mit der Foundation-Komponententabelle comparison-with-foundation-component-table
Wenn Sie bereits die Foundation-Komponententabelle verwenden, funktionieren die meisten Tabellenerstellungsvorgänge auf die gleiche Weise: Hinzufügen von Zeilen und Spalten, Zusammenführen und Aufteilen von Tabellenzeilenzellen, Festlegen von Spaltenbreiten, Aktivieren der Sortierung und Hinzufügen wiederholbarer Zeilen.
Die Kernkomponententabelle fügt Folgendes im Vergleich zur Foundation-Komponententabelle hinzu oder verbessert Folgendes:
Tabellenstruktur table-structure
Wenn Sie einem adaptiven Formular eine Tabellenkomponente hinzufügen, zeigt der Inhalt-Browser die folgende Hierarchie an:
-
Table - der Stammtabellen-Container
- Kopfzeile - enthält eine Kopfzeilenzelle pro Spalte (z. B. Spalte 1, Spalte 2, Spalte 3)
- Zeile 1, Zeile 2 und zusätzliche Zeilen - jede Zeile enthält Textzellen
Jede Kopfzeilenzelle und Textzelle ist eine einzelne Komponente eines adaptiven Formulars. Standardmäßig verwenden Kopfzeilenzellen die Komponente Text und Textzellen die Komponente Textfeld. Sie können im Vorlageneditor eine andere standardmäßige Tabellenstruktur konfigurieren, sodass Autoren das von Ihnen definierte Tabellen-Layout und die standardmäßigen Zellenkomponenten erhalten. Weitere Informationen finden Sie unter Erstellen einer Vorlage für ein adaptives Formular mit Kernkomponenten.
Erstellen einer Tabelle create-a-table
- Öffnen Sie ein auf Kernkomponenten basierendes adaptives Formular zur Bearbeitung.
- Suchen Sie im Komponenten die Komponente Tabelle.
- Ziehen Sie die Tabelle-Komponente auf die Arbeitsfläche des Formulars.
Informationen zu Eigenschaften von Tabellenkomponenten finden Sie in der Dokumentation zu adaptiven Forms-Kernkomponenten.
Info zu Kopfzeilen- und Textzellen about-header-and-body-cells
Bearbeiten von Kopfzeilenbeschriftungen
Kopfzeilenzellen sind Text-Komponenten. So ändern Sie eine Spaltenkopfzeilenbeschriftung:
- Wählen Sie die Kopfzeilenzelle in der Tabelle aus.
- Wählen Sie in der Symbolleiste Bearbeiten.
- Aktualisieren Sie die Kopfzeilenbeschriftung.
- Klicken Sie auf Fertig.
Ersetzen von Körperzellkomponenten
Textzellen sind standardmäßig Textfeld-Komponenten. Sie können eine Textzelle durch eine andere Komponente eines adaptiven Formulars ersetzen, z. B eine, Datumsauswahl oder Dropdown-Liste:
- Wählen Sie die Textzelle aus, die Sie ersetzen möchten.
- Wählen Sie in der Symbolleiste Ersetzen aus.
- Wählen Sie die Komponente aus, die Sie in der Zelle verwenden möchten, z. B. Zahleneingabe.
Hinzufügen oder Löschen einer Spalte add-or-delete-a-column
So fügen Sie eine Spalte hinzu oder löschen sie:
- Wählen Sie in der zu ändernden Spalte eine Überschriftzelle aus.
- Wählen Sie in der Symbolleiste Spalte hinzufügen oder Spalte löschen aus.
Wenn Sie eine Spalte hinzufügen, werden jeder Zeile eine neue Überschriftzelle und die entsprechenden Textzellen hinzugefügt. Wenn Sie eine Spalte löschen, werden die Kopfzeilenzelle und alle Textzellen in dieser Spalte entfernt.
Hinzufügen, Löschen oder Verschieben einer Zeile add-delete-move-rows
So fügen Sie eine Zeile hinzu, löschen sie oder verschieben sie:
-
Wählen Sie die Zeile aus, in der Sie eine Zeile hinzufügen, löschen oder verschieben möchten.
-
Wählen Sie in der Symbolleiste eine der folgenden Aktionen aus:
- Nach oben - Verschiebt die ausgewählte Zeile nach oben.
- Nach unten - Verschiebt die ausgewählte Zeile nach unten.
- Zeile hinzufügen - Fügt eine Zeile unterhalb der ausgewählten Zeile hinzu.
- Zeile löschen - Löscht die ausgewählte Zeile.
Zusammenführen und Aufteilen von Tabellenzeilenzellen merge-and-split-cells
Sie können benachbarte Tabellenzeilenzellen in derselben Zeile zusammenführen, um eine einzelne Zelle zu erstellen, die sich über mehrere Spalten erstreckt.
So führen Sie Tabellenzellen zusammen:
- Halten Sie die Taste Befehl (macOS) oder Steuerelement (Windows) gedrückt, und wählen Sie die angrenzenden Tabellenzeilenzellen aus, die Sie zusammenführen möchten.
- Klicken Sie in der Symbolleiste auf Zellen zusammenführen.
So teilen Sie eine zusammengeführte Tabellenzeilenzelle auf:
- Wählen Sie die zusammengeführte Zelle aus.
- Wählen Sie in der Symbolleiste Zelle teilen aus.
Zusammengeführte Zellen von Tabellenzeilen eignen sich für Beschriftungen, Unterüberschriften oder Felder, die sich über mehrere Spalten innerhalb einer Zeile erstrecken.
Spaltenbreite festlegen set-column-width
Sie können proportionale Spaltenbreiten mithilfe von kommagetrennten Werten im Konfigurationsdialogfeld Tabelle festlegen.
- Wählen Sie die Komponente Tabelle aus.
- Klicken Sie in der Symbolleiste auf Konfigurieren.
- Geben im Feld Spaltenbreite“ eine kommagetrennte Werteliste ein.
- Klicken Sie auf Fertig.
Beispiel: Für eine Tabelle mit drei Spalten wird durch Angabe von 2,4,6 als Wert im Feld Spaltenbreite die Spaltenbreite für die erste Spalte auf 2/12, für die zweite auf 4/12 und für die dritte auf 6/12 festgelegt. 2/12 als Spaltenbreite für die erste Spalte entspricht einem Sechstel der Tabellenbreite. Parallel dazu wird mit dem Wert 4/12 die Breite der zweiten Spalte auf ein Drittel der Tabellenbreite und mit 6/12 die Breite der dritten Spalte auf die Hälfte der Tabellenbreite eingestellt.
Sortierungsspalten sort-columns
Sie können Tabellendaten zur Laufzeit nach Spalten in auf- oder absteigender Reihenfolge sortieren.
Die Sortierung gilt für Spalten, die statischen Text, Datenmodelleigenschaften oder eine Kombination aus beidem enthalten. Die Textzellen in einer sortierbaren Spalte müssen eine der folgenden Komponenten enthalten: Zahleneingabe, Datumseingabe, Datumsauswahl, Text oder Textfeld.
Sortierung auf der Tabelle aktivieren
- Wählen Sie die Komponente Tabelle aus.
- Klicken Sie in der Symbolleiste auf Konfigurieren.
- Wählen Sie Sortierung aktivieren aus.
- Klicken Sie auf Fertig.
- Wechseln Sie in den Vorschaumodus.
Im Vorschau-Modus werden in den Spaltenüberschriften Sortiersymbole angezeigt. Klicken Sie auf eine Spaltenüberschrift, um Werte in auf- oder absteigender Reihenfolge zu sortieren.
Sortierung nach einer bestimmten Spalte deaktivieren
Die Kernkomponententabelle unterstützt das Deaktivieren der Sortierung nach einzelnen Spalten. Dies hilft bei der Erfüllung von Barrierefreiheitsanforderungen, wenn bestimmte Spalten nicht sortierbar sein sollten.
So deaktivieren Sie die Sortierung nach einer Spalte:
- Sortierung auf der Tabelle aktivieren.
- Wählen Sie die Kopfzeilenzelle für die Spalte aus, in der die Sortierung deaktiviert werden soll.
- Sortierung für diese Spalte deaktivieren.
Spalten mit deaktivierter Sortierung zeigen zur Laufzeit keine Sortiersteuerelemente an.
Dynamisches Hinzufügen oder Löschen von Zeilen add-or-delete-rows-dynamically
Tabellen unterstützen das Hinzufügen und Löschen von Zeilen zur Laufzeit, wenn eine Zeile als wiederholbar konfiguriert ist.
- Wählen Sie die Tabellenzeile aus, die wiederholbar sein soll.
- Klicken Sie in der Symbolleiste auf Konfigurieren.
- Wählen Sie die Bereich wiederholen aus.
- Aktivieren Sie Zeile wiederholbar machen.
- Geben Sie Mindestwiederholungen und Maximale Wiederholungen an, um zu steuern, wie viele Zeileninstanzen ein Benutzer hinzufügen oder entfernen kann.
- Klicken Sie auf Fertig.
- Wechseln Sie in den Vorschaumodus.
Zur Laufzeit oder im Vorschau-Modus sehen Benutzerinnen und Benutzer Hinzufügen und Löschen, um Zeileninstanzen hinzuzufügen oder zu entfernen.
Weitere Informationen zum wiederholbaren Verhalten finden Sie unter Erstellen von Formularen mit wiederholbaren Abschnitten (Kernkomponenten).
Eine Anleitung zur Barrierefreiheit beim Erstellen von Tabellen finden Sie unter Erstellen barrierefreier komplexer Tabellen in HTML5 Forms.
Verwenden von Berechnungen in einer Tabelle use-calculations-in-a-table
Verwenden Sie den Regeleditor für adaptive Forms, der auf Kernkomponenten , um Berechnungen in Tabellenzeilen durchzuführen, z. B. Spaltensummen oder aggregierte Werte.
Der Regeleditor bietet vordefinierte Funktionen wie Summe, Min, Max und Durchschnitt, die Sie auf Felder in Tabellenzeilen und wiederholbaren Bereichen anwenden können. Beispiele finden Sie unter Beispiele für einen Regeleditor für ein adaptives Formular, das auf Kernkomponenten basiert.
Tabellen in Submission PDF einschließen include-tables-in-submission-pdf
Tabellenkomponenten für adaptive Formulare, wie Kopfzeilen und Textzeilen, sind den entsprechenden Komponenten in der generierten Übermittlungs-PDF (Datensatzdokument) zugeordnet. Sie können mithilfe der Tabellen- und Bedienfeld-Layout-Einstellungen konfigurieren, wie Tabellen in der Übermittlungs-PDF angezeigt werden.
Weitere Informationen finden Sie unter:
Einschränkungen limitations
Beachten Sie beim Erstellen von Tabellen mit Kernkomponenten die folgenden Einschränkungen:
- Zeilenbereich wird nicht unterstützt. Sie können Zellen von Tabellenzeilen horizontal innerhalb einer Zeile zusammenführen, jedoch nicht vertikal über Zeilen hinweg.
- Kopfzeilenzellen können nicht mehrere Spalten umfassen.
- Responsive Layouts für Mobilgeräte z. B. ausblendbare Spalten und Layouts mit Kopfzeilen links in Foundation-Komponenten, sind für eine künftige Version der Kernkomponententabelle geplant.
- Unterstützung des Design Editors für die Tabellenkomponente ist für eine zukünftige Version geplant. Verwenden Sie Designs von adaptiven Formularen, bis die Unterstützung für den Design-Editor verfügbar ist.
- Jede Textzelle in einer Standardtabelle verfügt über einen vordefinierten Elementnamen. Wenn Sie einem Formular mehrere Tabellen hinzufügen, benennen Sie die Namen der Standardtextzellen um, damit sie eindeutig bleiben und kein Datenverlust bei der Übermittlung auftritt.
Siehe auch see-also
- Erstellen eines adaptiven Formulars (Kernkomponenten)
- Hinzufügen einer Tabelle zu einem adaptiven Formular (Foundation-Komponenten)
- Einführung in den Regeleditor für adaptive Formulare, die auf Kernkomponenten basieren
- Generieren einer Übermittlungs-PDF für adaptive Forms (Kernkomponenten)
- Erstellen von Formularen mit wiederholbaren Abschnitten (Kernkomponenten)