AX - Datentabelle

Übersicht

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

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

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

Die Avonni Data Table ist eine reaktive Datenkomponente

In einem echten Projekt ansehen

Partner-Bestellschalter: Ein Partner-Bestellschalter mit Inline-Bearbeitung und PDF-Upload.

Erste Schritte

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

Tutorials

Eine „Exportieren nach“-Schaltfläche auf der Datentabelle erstellen

Datentabelle konfigurieren

Salesforce-CMS-Dateien in einer Datentabelle anzeigen

Konfiguration

Datenquelle

Der Abschnitt Datenquelle ist der Ort, an dem Sie die Avonni Data Table mit Ihren Salesforce-Daten verbinden. Sie haben zwei Optionen.

Datenquellentyp

Beschreibung

Anwendungsfall

Manuell

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-Sammlung

Zeigen Sie Ihre CMS-Sammlungen nahtlos in Datentabellen an, um dynamische Inhaltsaktualisierungen zu ermöglichen.

Erstellen Sie automatisch aktualisierte Ressourcenlisten oder Newsfeeds.

Im Abfragemodus werden Daten in Blöcken von 25 Datensätzen angezeigt, um eine optimale Site-Leistung sicherzustellen.

Datenzuordnung

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

Freigabe des Datenmodells mit Avonni Data Table

Einhaltung der Salesforce-Datenteilungsregeln:

Berücksichtigung der Organisations-Einstellungen: Avonni Components entsprechen vollständig den vorhandenen Datenteilungskonfigurationen und Zugriffseinstellungen Ihrer Salesforce-Organisation.
Richtlinie ohne Eingriffe: Diese Komponenten ändern oder beeinflussen Ihre bereits festgelegten Datenteilungsregeln in keiner Weise.
Kontrollierte Sichtbarkeit und Zugriff: Die Möglichkeit, Datensätze über Avonni Components anzuzeigen und mit ihnen zu interagieren, wird durch die definierten Freigabeeinstellungen und Benutzerberechtigungen Ihrer Organisation gesteuert

Spalten hinzufügen

Klicken Sie auf die Schaltfläche „Spalten hinzufügen“, um Felder aus Ihrer Datenquelle auszuwählen und sie als Spalten in der Datentabelle anzuzeigen.

Dieser Abschnitt bestimmt, 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 Datenrepräsentation sicherzustellen.
Verlinken: Aktivieren Sie die Verknüpfung von Zelleninhalten mit anderen Datensätzen oder URLs für eine schnelle Navigation.
Zellenattribute: Passen Sie die Zellenausrichtung und Symbole an, um eine intuitivere, 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 Suchen pro Spalte für ein effizientes Datenmanagement.
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, vordefinierte Aktionen auszublenden, um ein aufgeräumteres Erscheinungsbild zu erzielen.
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, übersichtliches Layout zu erreichen.

Zeilenaktionen hinzufügen

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

Grundlegende Einstellungen

Tabellenkopf ausblenden

Mit dieser Option können Sie die Tabellenkopfzeile entfernen, um ein saubereres, minimalistisches Erscheinungsbild zu erzielen.

Kontrollkästchenspalten ausblenden

Aktivieren Sie diese Einstellung, um die Kontrollkästchenspalten auszublenden, die normalerweise für die Zeilenauswahl in Multi-Aktions-Szenarien verwendet werden.

Spalte mit Zeilennummern anzeigen

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

Header-Konfiguration

Titel und Beschriftung

Passen Sie die Kopfzeile mit einem Titel und einer Beschriftung an, um Kontext- oder Zusammenfassungsinformationen zu den Tabellendaten bereitzustellen.

Icon-Name und -Größe

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

Ist verbunden

Diese Einstellung bestimmt, ob die Kopfzeile sich visuell mit dem Tabellenkörper verbindet, und beeinflusst das Gesamtdesign.

Headeraktionen

Konfigurieren Sie Aktionen (hinzufügen, löschen oder benutzerdefinierte Funktionen), die direkt über die Tabellenkopfzeile zugänglich sind.

Aktionsschaltflächen in der Kopfzeile

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

Die Interaktion auf der Schaltfläche konfigurieren

Konfigurieren Sie die Interaktion für den Fall, dass Benutzer in der Sektion „On Click“ auf die Header-Aktionsschaltfläche drücken. Um zu verstehen, wie die Interaktion „Navigate“ funktioniert, hier klicken für weitere Informationen.

Tutorial

Create an Export To button on the Data Table

Attribute der Seitennummerierung

Konfigurieren Sie die Seitennummerierungseinstellungen, wie die Anzahl der Elemente pro Seite und den Seitennummerierungsstil, um zu steuern, wie Daten in größeren Tabellen angezeigt und durchblättert werden.

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

Suchkonfiguration

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

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

Einstellungsreferenz

Allgemein

Tabellenkopf ausblenden blendet die Tabellenkopfzeile aus, Tabellenränder ausblenden blendet zusätzlich die Tabellenränder aus (nur wenn Tabellenkopf ausblenden ebenfalls aktiviert ist), und Kontrollkästchenspalte ausblenden entfernt die Spalte, die für Kontrollkästchen zur Zeilenauswahl verwendet wird. Spalte mit Zeilennummern anzeigen zeigt eine Spalte mit Zeilennummern an, und Versatz der Zeilennummern legt die Startnummer für diese Nummerierung fest.

Maximale Zeilenauswahl begrenzt die maximale Anzahl der Zeilen, die ausgewählt werden können, Schlüsselwert der deaktivierten Auswahlzeilen listet die durch Kommas getrennten Schlüssel-Feldwerte der Zeilen auf, deren Auswahl deaktiviert werden soll, Anzahl ausgewählter Elemente anzeigen zeigt die Anzahl der derzeit ausgewählten Elemente an, und Untere Leiste ausblenden blendet die untere Leiste aus, die normalerweise für Aktionen und Informationsanzeige verwendet wird.

Schreibgeschützt macht die Tabelle nicht interaktiv und erlaubt keine Bearbeitungen oder Auswahlen. Bearbeitung für alle Spalten zulassen, Filterung für alle Spalten zulassen, Suche für alle Spalten zulassen, Sortierung für alle Spalten zulassen, und Textumbruch für alle Spalten zulassen aktiviert Bearbeitung, Filterung, Suche, Sortierung und Textumbruch für jede Spalte, und Standardaktionen ausblenden blendet vordefinierte Aktionen wie Bearbeiten oder Löschen aus. Tabellenkopf umbrechen bricht lange Kopfzeilenbeschriftungen um, anstatt sie abzuschneiden.

Modus der Spaltenbreiten wählt fest oder automatisch Spaltenbreiten, Max./Min. Spaltenbreite legt Breitenbegrenzungen fest, Maximale Zeilen für Textumbruch begrenzt die Anzahl der Zeilen für umbrochenen Zelltext, Spaltenanpassung deaktiviert schaltet die Größenanpassung von Spalten aus, und Größenänderungsschritt legt den Schrittwert für Größenänderungen fest.

Sortiert/Standard-Sortierrichtung legt die anfängliche Sortierrichtung fest (aufsteigend oder absteigend), und Nach Wert sortiert anzeigen zeigt an, welche Spalte derzeit für die Sortierung verwendet wird.

Header-Titel/Beschriftung legt den Header-Titel und die Beschriftung fest, Header-Icon-Name/-Größe fügt ein Header-Icon in ausgewählter Größe hinzu, und Header ist verbunden verbindet die Kopfzeile optisch mit dem Tabellenkörper. Headeraktionen ausblenden/deaktivieren, Sichtbare Header-Aktionsschaltflächen, und Headeraktionen steuern die Sichtbarkeit, Anzahl und Definition der Header-Aktionsschaltflächen.

Seitennummerierung und Suche

Seitennummerierung anzeigen schaltet die Anzeige von Seitennummerierungssteuerungen um, und Anzahl der Elemente pro Seite legt fest, wie viele Elemente pro Seite angezeigt werden. Der Pill-Container die Option zeigt einen Container für ausgewählte Elemente an, der häufig bei der Zeilenauswahl verwendet wird.

Für die Suche, Platzhalter legt den Platzhaltertext des Sucheingabefelds fest, Position definiert die Position der Suchleiste, und Standard-Suchwert füllt sie mit einem Standardwert vor.

Filterung und Datenquelle

Filteroptionen konfigurieren die Filterung so, dass sie für jede Spalte als Popover angezeigt wird. Datenquelle wählt zwischen manuell und Abfrage zur Befüllung der Tabellendaten, und Spalten definiert und fügt die Spalten der Tabelle hinzu und passt die Eigenschaften und das Verhalten jeder Spalte an.

Stil

Name

Beschreibung

Hintergrundfarbe

Legt die Farbe für den Hintergrund der Kopfzeile fest.

Rahmenfarbe

Definiert die Farbe des Rahmens der Kopfzeile.

Rahmengröße

Passt die Dicke des Rahmens an.

Rahmenstil

Wählt den Stil des Rahmens (durchgezogen, gepunktet, gestrichelt usw.).

Rahmenradius

Rundet die Ecken der Kopfzeile ab.

Farbe der unteren Rahmenlinie (bei Verbindung)

Gibt die Farbe der unteren Rahmenlinie an, wenn die Kopfzeile visuell mit dem Tabellenkörper verbunden ist.

Größe der unteren Rahmenlinie (bei Verbindung)

Bestimmt die Dicke der verbundenen unteren Rahmenlinie.

Stil der unteren Rahmenlinie (bei Verbindung)

Legt den Stil für die verbundene untere Rahmenlinie fest.

Innenabstand und Außenabstand

Steuert den Abstand innerhalb (Padding) und außerhalb (Margin) der Kopfzeile.

Name

Beschreibung

Farbe

Legt die Farbe des Titeltexts fest.

Schriftgröße

Passt die Größe des Titeltexts an.

Schriftstärke

Ändert die Fettheit des Titeltexts.

Schriftstil

Wendet einen bestimmten Stil (kursiv, normal) auf den Titeltext an.

Name

Beschreibung

Farbe

Legt die Farbe des Beschriftungstexts fest.

Schriftgröße

Passt die Größe des Beschriftungstexts an.

Schriftstärke

Steuert die Schriftstärke des Beschriftungstexts.

Schriftstil

Legt den Stil des Beschriftungstexts fest.

Name

Beschreibung

Hintergrundfarbe

Legt die Hintergrundfarbe des Icons fest.

Vordergrundfarbe

Ändert die Farbe des Icons selbst.

Hilfsfarbe für Vordergrund

Passt die Hilfsfarbe für Kontrast oder Hervorhebung an.

Rahmenradius

Rundet die Ecken des Icons für ein weicheres Erscheinungsbild ab.

Name

Beschreibung

Pill-Hintergrundfarbe/Hover

Legt die Hintergrundfarbe der Pill-Elemente fest, mit einer anderen Farbe beim Darüberfahren.

Pill-Textfarbe/Hover

Ändert die Textfarbe innerhalb der Pill, mit einer anderen Farbe beim Darüberfahren.

Pill-Zeilenhöhe

Passt die Zeilenhöhe innerhalb der Pill für die Textausrichtung an.

Name

Beschreibung

Objektanpassung des Avatar-Bildes

Bestimmt, wie das Avatar-Bild in seinen Container eingepasst werden soll. Zu den Optionen gehören „fill“, „contain“, „cover“, „none“ und „scale-down“.

Name

Beschreibung

Stileinstellungen

Passt das Erscheinungsbild der Seitennummerierungs-Schaltflächen an, einschließlich Farb-, Größen- und Rahmeneigenschaften.

Name

Beschreibung

Hintergrundfarbe

Legt die Farbe des Fußzeilenhintergrunds fest.

Rahmenfarbe

Definiert die Farbe des Fußzeilenrahmens.

Rahmengröße

Passt die Dicke des Rahmens an.

Rahmenstil

Wählt den Stil des Rahmens aus.

Rahmenradius

Rundet die Ecken der Fußzeile ab.

Anwendungsfälle

Beispiel 1: Erweiterte Kontenliste 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 Kontenliste: 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 Detailseiten der Datensätze springen können.
Live-Bereich für zugehörige Kontakte: Zeigen Sie eine zweite Tabelle an, die sich automatisch aktualisiert, um die Kontakte des jeweils ausgewählten Kontos anzuzeigen.
Seitennummerierte Ergebnisse: Halten Sie die Oberfläche sauber und performant, indem Sie die sichtbaren Datensätze pro Seite begrenzen.

Bevor Sie beginnen

Zweispaltiges Seitenlayout: Stellen Sie sicher, dass Ihre Kontenlisten-Seite im Experience Builder bereits über ein zweispaltiges Layout verfügt, das beide Komponenten aufnehmen kann.

So richten Sie es ein

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

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

Wählen Sie eine Datenquelle

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

Richten Sie Ihre Datenzuordnungen ein

Fügen Sie die folgenden Spalten hinzu: Name, Branche, Owner.FullName und Phone.
Aktivieren Verlinken für die Spalte Name, damit Kontonamen anklickbare Links werden.
Setzen Sie Branche als Filterfeld.
Setzen Sie Name als Suchfeld.

Konfigurieren Sie die Komponente

Setzen Sie die API-Name auf AccountsTable.
Setzen Sie Maximale Zeilenauswahl auf 1 sodass nur ein Konto gleichzeitig ausgewählt werden kann.
Aktivieren Sie die Seitennummerierung und setzen Sie die Maximale Anzahl von Datensätzen auf 10.

Passen Sie die Kopfzeile an

Setzen Sie die Header-Titel auf Konten.
Setzen Sie die Header-Icon auf standard:account_info.

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

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

Wählen Sie eine Datenquelle für die Kontakttabelle

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

Richten Sie Ihre Datenzuordnungen ein

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

Konfigurieren Sie die Komponente

Setzen Sie die API-Name auf relatedContactsTable.

Passen Sie die Kopfzeile an

Setzen Sie die Header-Titel auf Zugehörige Kontakte.
Setzen Sie die Header-Icon auf standard:contact.

Sehen Sie sich Ihre Seite in der Vorschau an

Klicken Sie in Experience Builder auf Vorschau, wählen Sie eine Kontor Zeile aus und bestätigen Sie, dass sich die Tabelle „Zugehörige Kontakte“ dynamisch aktualisiert, um den ausgewählten Datensatz widerzuspiegeln.

Links

Verknüpfte Datentabellen

Beispiel 2: Verwandte Verkaufschancen auf einer Kontoseite

Geben Sie Vertriebsmitarbeitern auf einen Blick eine Übersicht über jede mit einem Konto verknüpfte Verkaufschance – direkt dort, wo sie sie brauchen, ohne die Datensatzseite jemals zu verlassen.

Was Sie erreichen werden

Umfassendere 360°-Kundensicht: Stellen Sie wichtige Verkaufschancendaten direkt auf der Kontoseite bereit, damit Vertriebsmitarbeitende das vollständige Bild an einem Ort erhalten.
Vollständig ausgestattete Datensatzseiten: Erstellen Sie dichte, informationsreiche Seiten, die das Wechseln zwischen Registerkarten oder Objekten überflüssig machen, um eine Pipeline zu bearbeiten.

Bevor Sie beginnen

Kontodatensatzseite mit vorhandenen Komponenten: Stellen Sie sicher, dass Ihre Kontodatensatzseite in Experience Builder bereits Datensatzdetails, ein Banner und ein Spaltenlayout enthält, das bereit ist, die neue Komponente aufzunehmen.

So richten Sie es ein

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

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

Wählen Sie eine Datenquelle

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

Richten Sie Ihre Datenzuordnungen ein

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

Konfigurieren Sie die Komponente

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

Passen Sie die Kopfzeile an

Setzen Sie die Header-Titel auf Verkaufschancen.
Setzen Sie die Kopfzeilenstil auf Überschrift 2.
Setzen Sie die Header-Icon auf standard:opportunity.

Sehen Sie sich Ihre Seite in der Vorschau an

Klicken Sie in Experience Builder auf Vorschau und navigieren Sie zu einem Kontodatensatz, um zu bestätigen, dass in der Tabelle nur die mit diesem Konto verknüpften Verkaufschancen angezeigt werden.

Zuletzt aktualisiert vor 18 Tagen

War das hilfreich?