AX - Datentabelle

Übersicht

AX - Datentabelle ist eine Experience-Cloud-Komponente, die Ihre Salesforce-Datensätze in einer interaktiven Tabelle auf Seiten von Experience Sites (früher Community Cloud) anzeigt.

Verwenden Sie sie, um Portalnutzern gefilterte Datensätze mit voller Kontrolle über Spalten, Sortierung, Suche und Paginierung anzuzeigen. Ziehen Sie Datensätze aus jedem Standard- oder benutzerdefinierten Objekt und lassen Sie externe Benutzer Daten einsehen, durchsuchen und mit ihnen interagieren, die für ihr Konto oder Profil relevant sind.

Perfekt für Kundenportale, die den Bestellverlauf anzeigen, Partnerportale, die den Bestellverlauf anzeigen, Partnerportale, die gemeinsam genutzte Datensätze anzeigen, oder Self-Service-Sites, auf denen Benutzer ihre eigenen Daten finden und anzeigen müssen.

Das Avonni Data Table ist eine Reaktive Datenkomponente

---

Erste Schritte

Nutzen Sie dieses einfache Tutorial, um die Grundlagen der Data-Table-Komponente zu lernen und mit Ihren Anwendungsfällen zu beginnen.

---

Anleitungen

Erstellen Sie auf der Data Table eine Schaltfläche „Exportieren nach“

Die Data Table konfigurieren

Salesforce-CMS-Dateien in einer Data Table anzeigen

---

Verbinden Sie Ihre Data Table mit Salesforce-Daten

Datenquelle

Im Bereich Datenquelle verbinden Sie die Avonni Data Table mit Ihren Salesforce-Daten. Sie haben zwei Optionen.

Datenquellentyp	Beschreibung	Anwendungsfall
Manuelle Datenquelle	Daten manuell in die Datentabelle eingeben.	Ideal für nicht dynamische Daten, Tests und Demos.
Abfrage	Erstellen Sie eine Abfrage, um die Tabelle automatisch mit Salesforce-Daten zu füllen.	Geeignet für dynamische, Echtzeit- und große Datensätze.
CMS Collection	Zeigen Sie Ihre CMS-Collections nahtlos in Data Tables an, um dynamische Inhaltsaktualisierungen zu ermöglichen.	Erstellen Sie automatisch aktualisierte Ressourcenlisten oder News-Feeds.

Im Abfragemodus werden Daten in Blöcken von 25 Datensätzen angezeigt, um eine optimale Site-Performance zu gewährleisten.

Konfiguration der Datenzuordnung

Im Bereich Datenzuordnungen erwecken Sie Ihre Datentabelle zum Leben, indem Sie ihre Spalten definieren und anpassen.

Datenmodellfreigabe mit der Avonni Data Table

Einhaltung der Salesforce-Datenfreigaberegeln:

• Org-Einstellungen beachten: Avonni-Komponenten entsprechen vollständig den bestehenden Datenfreigabekonfigurationen und Zugriffseinstellungen Ihrer Salesforce-Organisation.
• Keine Beeinträchtigung: Diese Komponenten verändern oder beeinflussen Ihre zuvor festgelegten Datenfreigaberegeln in keiner Weise.
• Kontrollierte Sichtbarkeit und Zugriff: Die Möglichkeit, Datensätze über Avonni-Komponenten anzuzeigen und mit ihnen zu interagieren, wird durch die von Ihrer Organisation definierten Freigabeeinstellungen und Benutzerberechtigungen gesteuert

Spalten hinzufügen

• Klicken Sie auf die Schaltfläche „Spalten hinzufügen“, um Felder aus Ihrer Datenquelle auszuwählen, die als Spalten in der Datentabelle angezeigt werden sollen.

• In diesem Bereich wird festgelegt, welche Daten sichtbar sind und wie sie in Ihrer Tabelle organisiert werden.
• Klicken Sie auf eine Spalte, um alle Eigenschaften für diese bestimmte Spalte aufzurufen.

Spalteneigenschaften konfigurieren

• Datentyp: Passen Sie den Anzeigetyp des Felds an (z. B. Text, Zahl, Datum), um eine korrekte Darstellung der Daten sicherzustellen.
• Verlinken: Aktivieren Sie das Verlinken von Zelleninhalten mit anderen Datensätzen oder URLs für eine schnelle Navigation.
• Zellattribute: Passen Sie die Zell-Ausrichtung und Symbole an, um eine intuitivere und optisch ansprechendere Tabelle zu erstellen.
• Bearbeitbar: Legen Sie fest, ob eine Spalte direkt in der Tabelle bearbeitbar sein soll.
• Filterbar und durchsuchbar: Aktivieren Sie das Filtern und Durchsuchen pro Spalte für eine effiziente Datenverwaltung.
• Ausgeblendet: Wählen Sie aus, bestimmte Spalten auszublenden – nützlich für sensible oder weniger relevante Daten.
• Sortierbar: Erlauben Sie Benutzern, Daten nach der angegebenen Spalte zu sortieren.
• Standardaktionen ausblenden: Wählen Sie diese Option, um voreingestellte Aktionen für ein saubereres Erscheinungsbild auszublenden.
• Text umbrechen: Aktivieren Sie den Textumbruch für bessere Lesbarkeit in schmalen Spalten.
• Spaltenbreite festlegen: Geben Sie die Breite jeder Spalte an, um ein ausgewogenes und übersichtliches Layout zu erzielen.

Zeilenaktionen hinzufügen

Hier ist ein geführtes interaktives Tutorial zum Hinzufügen von Zeilenaktionen zur Data Table.

---

Weitere Konfigurationseinstellungen

Grundeinstellungen

Tabellenkopf ausblenden

• Mit dieser Option können Sie den Tabellenkopf entfernen, um ein saubereres und minimalistischeres Erscheinungsbild zu erzielen.

Checkbox-Spalten ausblenden

• Aktivieren Sie diese Einstellung, um die Checkbox-Spalten auszublenden, die typischerweise für die Zeilenauswahl in Mehrfachaktionsszenarien verwendet werden.

Spalte mit Zeilennummer anzeigen

• Aktivieren Sie dies, um eine Spalte anzuzeigen, die jede Zeile nummeriert; dies ist nützlich für eine einfache Datenreferenz.

Kopfzeilenkonfiguration

Titel und Untertitel

• Passen Sie die Kopfzeile mit einem Titel und einem Untertitel an, um Kontext oder Zusammenfassungsinformationen zu den Tabellendaten bereitzustellen.

Symbolname und Größe

• Erweitern Sie die Kopfzeile mit einem Symbol, indem Sie Typ und Größe für eine visuelle Hervorhebung auswählen.

Ist verbunden

• Diese Einstellung bestimmt, ob die Kopfzeile visuell mit dem Tabellenkörper verbunden ist, was sich auf das Gesamtdesign auswirkt.

Header-Aktionen

• Konfigurieren Sie Aktionen (hinzufügen, löschen oder benutzerdefinierte Funktionen), die direkt in der Tabellenkopfzeile verfügbar sind.

Aktionsschaltflächen in der Kopfzeile

• Implementieren Sie Aktionsschaltflächen in der Tabellenkopfzeile zum Hinzufügen neuer Datensätze, Exportieren von Daten oder für andere benutzerdefinierte Aktionen, um die Benutzerinteraktion und Effizienz zu verbessern.

Die Interaktion für die Schaltfläche konfigurieren

Konfigurieren Sie die Interaktion für den Fall, dass Benutzer die Kopfzeilen-Aktionsschaltfläche im Abschnitt „Bei Klick“ drücken. Um zu verstehen, wie die Interaktion „Navigieren“ funktioniert, klicken Sie hier für weitere Informationen.

Tutorial

Create an Export To button on the Data Table

Paginierungsattribute

• Konfigurieren Sie Paginierungseinstellungen, z. B. die Anzahl der Elemente pro Seite und den Paginierungsstil, um zu steuern, wie Daten in größeren Tabellen angezeigt und navigiert werden.

Im Abfragemodus werden Daten in Sätzen von 25 Datensätzen angezeigt, um die Site-Performance optimal zu halten. Daher kann die Einrichtung von Paginierung sinnvoll sein.

Suchmaschinenkonfiguration

• Platzhalter: Legen Sie einen Platzhaltertext für das Suchfeld fest, um Benutzer dabei zu unterstützen, wonach sie suchen können.
• Position: Wählen Sie die Position des Suchfelds innerhalb des Tabellenlayouts für eine optimale Zugänglichkeit.
• Standard-Suchwert: Legen Sie einen Suchwert im Voraus fest, um die Tabellendaten beim Laden zu filtern.

Um das Suchfeld anzuzeigen, muss mindestens eine Spalte als „Durchsuchbar“ markiert sein.

Mindestens eine Spalte muss auf „Durchsuchbar“ gesetzt sein, um das Suchfeld anzuzeigen.

Einstellungen

🎛️ Allgemein

Name	Beschreibung
Tabellenkopf ausblenden	Umschalten, um den Tabellenkopf auszublenden
Checkbox-Spalte ausblenden	Die für Zeilenauswahl-Checkboxen verwendete Spalte entfernen
Spalte mit Zeilennummer anzeigen	Eine Spalte anzeigen, die die Zeilennummer anzeigt
Offset der Zeilennummer	Die Startnummer für die Zeilennummerierung festlegen
Maximale Zeilenauswahl	Die maximale Anzahl auswählbarer Zeilen begrenzen
Untere Leiste ausblenden	Die untere Leiste ausblenden, die typischerweise für Aktionen und Informationsanzeige verwendet wird
Anzahl ausgewählter Elemente anzeigen	Die Anzahl der derzeit ausgewählten Elemente anzeigen
Schreibgeschützt	Die Tabelle nicht interaktiv machen und Bearbeitungen oder Auswahlen nicht zulassen
Bearbeitung für alle Spalten zulassen	Bearbeitung für alle Spalten aktivieren
Filter für alle Spalten zulassen	Filteroptionen für alle Spalten aktivieren
Umbruch für alle Spalten zulassen	Textumbruch in allen Spalten zulassen
Standardaktionen ausblenden	Vordefinierte Aktionen wie Bearbeiten oder Löschen ausblenden
Modus für Spaltenbreiten	Wählen Sie für die Spaltenbreite zwischen „fest“ oder „automatisch“
Max./Min. Spaltenbreite	Legen Sie maximale und minimale Grenzen für die Spaltenbreiten fest
Max. Zeilen für Textumbruch	Definieren Sie die maximale Anzahl von Zeilen für den Textumbruch in Zellen
Größenänderung der Spalte deaktiviert	Die Möglichkeit, die Spaltenbreite zu ändern, deaktivieren
Schritt für Größenänderung	Den Inkrement-Schritt für die Größenänderung von Spalten festlegen
Sortiert-/Standard-Sortrichtung	Wählen Sie „asc“ oder „desc“ für die anfängliche Sortierrichtung
Wert „Sortiert nach“ anzeigen	Anzeigen, welche Spalte derzeit zum Sortieren verwendet wird
Kopftitel/Untertitel	Legen Sie einen Titel und einen Untertitel für die Tabellenkopfzeile fest
Name/Größe des Kopfzeilensymbols	Fügen Sie der Kopfzeile ein Symbol mit anpassbarer Größe hinzu
Kopfzeile ist verbunden	Wählen Sie, die Kopfzeile visuell mit dem Tabellenkörper zu verbinden
Kopfzeilenaktionen ausblenden/deaktivieren	Sichtbarkeit und Interaktivität von Kopfzeilenaktionen steuern
Sichtbare Schaltflächen für Kopfzeilenaktionen	Geben Sie an, welche Aktionsschaltflächen in der Kopfzeile sichtbar sind
Header-Aktionen	Benutzerdefinierte Aktionen zur Tabellenkopfzeile hinzufügen

⏩️ Paginierung und Suche

🗄️ Filterung und Datenquelle

🎨 Gestaltung

Anwendungsbeispiele

Beispiel 1: Erweiterte Kontoliste und zugehörige Kontakte

Geben Sie Ihren Partnern eine leistungsstarke, intuitive Möglichkeit, Kontodaten zu erkunden – mit Inline-Suche, Filterung und einem Live-Kontaktbereich, der sich beim Navigieren aktualisiert.

---

Was Sie erreichen werden

• Durchsuchbare, filterbare Kontoliste: Lassen Sie Partner Konten mithilfe der integrierten Such- und Filtersteuerung schnell nach Name oder Branche finden.
• Inline-verknüpfte Datensätze: Machen Sie Kontonamen anklickbar, damit Partner direkt zu den Datensatz-Detailseiten springen können.
• Live-Bereich für zugehörige Kontakte: Zeigen Sie eine zweite Tabelle an, die sich automatisch aktualisiert, um Kontakte anzuzeigen, die mit dem jeweils ausgewählten Konto verknüpft sind.
• Paginierte Ergebnisse: Halten Sie die Oberfläche sauber und leistungsfähig, indem Sie die sichtbaren Datensätze pro Seite begrenzen.

---

Bevor Sie beginnen

• Zweispaltiges Seitenlayout: Stellen Sie sicher, dass Ihre Kontolisten-Seite im Experience Builder bereits ein zweispaltiges Layout hat, das beide Komponenten aufnehmen kann.

---

So richten Sie es ein

1

Fügen Sie die erste AX - Datatable zu Ihrer Seite hinzu

• Ziehen Sie eine AX - Datatable-Komponente in die linke Spalte Ihrer Kontolisten-Seite im Experience Builder.

2

Wählen Sie eine Datenquelle

• Wählen Sie Konten abfragen als Datenquelle für diese Komponente.

3

Legen Sie Ihre Datenzuordnungen fest

• Fügen Sie die folgenden Spalten hinzu: Name, Branche, Owner.FullName und Telefon.
• Aktivieren Verlinken in der Spalte Name, damit Kontonamen zu anklickbaren Links werden.
• Setzen Sie Branche als Filterfeld.
• Setzen Sie Name als Suchfeld.

4

Konfigurieren Sie die Komponente

• Setzen Sie den API-Namen auf AccountsTable.
• Setzen Sie Maximale Zeilenauswahl auf 1 damit immer nur ein Konto gleichzeitig ausgewählt werden kann.
• Aktivieren Sie die Paginierung und setzen Sie die Maximale Anzahl von Datensätzen auf 10.

5

Kopfbereich anpassen

• Setzen Sie den Header-Titel auf Konten.
• Setzen Sie den Kopfzeilensymbol auf standard:account_info.

6

Fügen Sie die zweite AX - Datatable zu Ihrer Seite hinzu

• Ziehen Sie eine zweite AX - Datatable-Komponente in die rechte Spalte derselben Seite.

7

Wählen Sie eine Datenquelle für die Kontakttabelle

• Wählen Sie Kontakte abfragen als Datenquelle aus.
• Fügen Sie einen Filter hinzu, sodass AccountId gleich {{AccountsTable.selectedRecord.Id}}, wodurch die Ergebnisse dieser Tabelle mit dem jeweils aktuell ausgewählten Konto verknüpft werden.

8

Legen Sie Ihre Datenzuordnungen fest

• Fügen Sie die folgenden Spalten hinzu: Name und Titel.

9

Konfigurieren Sie die Komponente

• Setzen Sie den API-Namen auf relatedContactsTable.

10

Kopfbereich anpassen

• Setzen Sie den Header-Titel auf Zugehörige Kontakte.
• Setzen Sie den Kopfzeilensymbol auf standard:contact.

11

Sehen Sie sich Ihre Seite in der Vorschau an

• Klicken Sie im Experience Builder auf Vorschau, wählen Sie eine Kontenzeile aus und bestätigen Sie, dass die Tabelle „Zugehörige Kontakte“ dynamisch aktualisiert wird, um den ausgewählten Datensatz anzuzeigen.

---

Links

Verknüpfte Datentabellen

---

Beispiel 2: Zugehörige Opportunities auf einer Kontoseite

Geben Sie Vertriebsnutzern einen Überblick über jede Opportunity, die mit einem Konto verknüpft ist, direkt dort, wo sie sie benötigen – ohne die Datensatzseite zu verlassen.

---

Was Sie erreichen werden

• Umfassenderer Customer-360-Blick: Stellen Sie wichtige Opportunity-Daten direkt auf der Kontoseite dar, damit Vertriebsnutzer das vollständige Bild an einem Ort erhalten.
• Vollständig ausgefüllte Datensatzseiten: Erstellen Sie dichte, informationsreiche Seiten, die den Wechsel zwischen Tabs oder Objekten zur Arbeit an einer Pipeline überflüssig machen.

---

Bevor Sie beginnen

• Kontodatensatzseite mit vorhandenen Komponenten: Stellen Sie sicher, dass Ihre Kontodatensatzseite im Experience Builder bereits Datensatzdetails, ein Banner und ein Spaltenlayout enthält, das die neue Komponente aufnehmen kann.

---

So richten Sie es ein

1

Fügen Sie die AX - Datatable zu Ihrer Kontoseite hinzu

• Ziehen Sie eine AX - Datatable-Komponente auf Ihre Kontodatensatzseite im Experience Builder.

2

Wählen Sie eine Datenquelle

• Wählen Sie Opportunities abfragen als Datenquelle für diese Komponente.

3

Legen Sie Ihre Datenzuordnungen fest

• Fügen Sie die folgenden Spalten hinzu: Name, Phase und Betrag.
• Aktivieren Verlinken in der Spalte Name, damit Opportunity-Namen zu anklickbaren Links werden.

4

Konfigurieren Sie die Komponente

• Setzen Sie den API-Namen auf RelatedOpportunities.
• Fügen Sie einen Filter hinzu, sodass AccountId gleich {!Item.id}, wodurch die Ergebnisse auf das aktuell angezeigte Konto beschränkt werden.

5

Kopfbereich anpassen

• Setzen Sie den Header-Titel auf Opportunities.
• Setzen Sie den Kopfzeilenstil auf Überschrift 2.
• Setzen Sie den Kopfzeilensymbol auf standard:opportunity.

6

Sehen Sie sich Ihre Seite in der Vorschau an

• Klicken Sie im Experience Builder auf Vorschau und navigieren Sie zu einem Kontodatensatz, um zu bestätigen, dass nur die zu diesem Konto gehörenden Opportunities in der Tabelle angezeigt werden.