> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/anleitungen/components/data-table/displaying-salesforce-cms-files-in-a-data-table.md).

# Salesforce-CMS-Dateien in einer Data Table anzeigen

## Übersicht

Dieses Tutorial führt Sie durch die Verwendung des [Avonni **Datentabelle**](/experience-cloud/experience-cloud-de/anleitungen/components/data-table.md) Komponente, um eine Liste von Dateien aus einer **Salesforce Content Management System (CMS)-Sammlung**. Sie erfahren, wie Sie die Tabelle konfigurieren und für jede Datei eine „Download“-Schaltfläche hinzufügen, um insbesondere innerhalb einer Experience-Cloud-Website ein nahtloses Nutzererlebnis zu bieten.

**Was Sie lernen werden:**

* Wie Sie die Avonni Data Table mit einer Salesforce-CMS-Sammlung verbinden.
* Wie Sie Spalten konfigurieren, um Inhaltsdetails wie Titel und Erstellungsdatum anzuzeigen.
* Wie Sie eine benutzerdefinierte Aktionsspalte mit einer „Download“-Schaltfläche hinzufügen.
* Wie Sie die **Download CMS** Interaktion verwenden, um Dateien für Benutzer herunterladbar zu machen.

**Voraussetzungen:**

* Sie müssen eine aktive **Salesforce CMS-Sammlung** mit einem oder mehreren veröffentlichten Inhaltselementen haben (z. B. PDFs, Bilder).
* Sie benötigen die **18-stellige ID** dieser CMS-Sammlung.

***

## Geführte Schritte

{% stepper %}
{% step %}

### Die Data-Table-Komponente hinzufügen

Lassen Sie uns zunächst die Data Table einrichten, die unsere Liste der CMS-Dateien anzeigen wird.

1. In der **Komponentenbibliothek** (linkes Panel) finden Sie die **Avonni Data Table** Komponente und ziehen Sie sie auf die Leinwand.

<figure><img src="/files/5bce33c6691b3f3ad1af462e025bfde2f2ef477f" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Datenquelle konfigurieren

Als Nächstes müssen wir die Data Table mit Ihrer spezifischen Salesforce-CMS-Sammlung verbinden.

1. Wenn die Data Table ausgewählt ist, suchen Sie das **Datenquelle** Attribut
2. Wählen Sie **CMS Collection** in der Liste der Datenquellentypen.
3. In der **Sammlungs-ID** Feld, das angezeigt wird, geben Sie die **18-stellige ID** Ihrer Salesforce-CMS-Sammlung oder Ihres Content Keys ein.

Die Data Table ist nun verbunden und kennt die Inhaltselemente innerhalb Ihrer Sammlung.

<figure><img src="/files/c07684cb53f2e2902fe0d14bbc111614add836bd" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Spalten hinzufügen, um Inhaltsinformationen anzuzeigen

Lassen Sie uns nun festlegen, welche Details zu den Dateien in der Tabelle sichtbar sein sollen.

1. Navigieren Sie in den Eigenschaften der Data Table zum **Spalten** Bereich.
2. Klicken **„Spalte hinzufügen“** um eine neue Spalte zu erstellen.
3. **Quellfeld:** Wählen Sie ein Feld aus den CMS-Inhaltsdaten aus (z. B. `Titel`).
4. **Spaltenbezeichnung:** Geben Sie ihr eine benutzerfreundliche Bezeichnung (z. B. „Dokumenttitel“).
5. Wiederholen Sie diesen Vorgang, um weitere relevante Spalten hinzuzufügen, z. B. `CreatedDate` oder `LastModifiedDate`.

<figure><img src="/files/57efff90fc6a0c515b87f2771ea057fa19735ca8" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Die Download-Aktion hinzufügen und konfigurieren

Dies ist der wichtigste Schritt, um die Dateien für Benutzer zugänglich zu machen. Da wir nicht direkt mit dem Namen einer Datei verknüpfen können, erstellen wir eine eigene Aktionsschaltfläche.

1. **Aktionsspalte hinzufügen:** In der **Spalten** Bereich der Data-Table-Eigenschaften klicken Sie auf **„Spalte hinzufügen“** noch einmal. Legen Sie in den Einstellungen der Spalte ihre **Typ** auf **Schaltfläche**.
2. **Schaltflächenelement konfigurieren:**
   * Fügen Sie innerhalb der Eigenschaften der Schaltflächenspalte ein neues Schaltflächenelement hinzu.
   * Geben Sie ihr einen **Beschriftung** wie „Download“ oder „Datei anzeigen“.
   * Legen Sie ein **Symbolname** (z. B. `utility:download`) für einen besseren visuellen Hinweis fest.
3. **Die Interaktion „Download CMS“ erstellen:**
   * Wählen Sie das gerade konfigurierte Aktionsobjekt „Download“ aus.
   * Gehen Sie zu seinem **Interaktionen** Bereich und fügen Sie eine **Beim Klicken** Interaktion hinzu.
   * Für die **Typ**, wählen Sie **Download CMS**.
   * Diese spezielle Interaktion ist darauf ausgelegt, sicher die CMS-Datei, die mit dieser bestimmten Zeile in der Tabelle verknüpft ist, zu erzeugen und den Download zu starten. Für diese Interaktion sind keine weiteren Eigenschaften erforderlich.

<figure><img src="/files/b2461fede85e5c32b2cc0e4e3c835af018cd3ed0" alt="" width="375"><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Speichern und bereitstellen

Jetzt, da Ihre Avonni Data Table direkt auf der Experience-Cloud-Seite vollständig konfiguriert ist, besteht der letzte Schritt darin, sie für Ihre Seitenbesucher live zu schalten. Im Experience Builder werden Ihre Konfigurationsänderungen in der Regel gespeichert, während Sie arbeiten; Sie müssen jedoch **veröffentlichen** Sie die Website, damit sie für Ihr Publikum sichtbar werden.
{% endstep %}
{% endstepper %}

## Warum eine dedizierte „Download CMS“-Interaktion verwenden?

Wenn Inhalte über Salesforce CMS verwaltet und auf einer Experience-Cloud-Website angezeigt werden, haben die Dateien keine standardmäßige „Datensatzdetailseite“, zu der ein einfacher Link navigieren kann. Der Dateiname in der Tabelle ist nur Text. Die **Download CMS** Interaktion fungiert als sichere Brücke, identifiziert die mit der Zeile verknüpfte Dateiversion korrekt und startet einen Download für den Benutzer. Dadurch wird ein zuverlässiges und nahtloses Nutzererlebnis gewährleistet.

## **Ergebnis**

Sie verfügen nun über eine dynamische, benutzerfreundliche Tabelle, die Ihre Salesforce-CMS-Inhalte auflistet. Wenn ein Benutzer in einer beliebigen Zeile auf die Schaltfläche „Download“ klickt, wird die entsprechende Datei direkt auf sein Gerät heruntergeladen.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/anleitungen/components/data-table/displaying-salesforce-cms-files-in-a-data-table.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.