> 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/reactive-components/linked-data-tables.md).

# Verknüpfte Datentabellen

## Tabellen synchron halten

Stellen Sie sich vor, Sie haben zwei Tabellen auf Ihrer Seite:

1. **Konten-Tabelle:** Diese Tabelle (`accountsDatatable`) listet alle Ihre Kundenkonten auf.
2. **Kontakte-Tabelle:** Diese Tabelle (`contactsDatatable`) listet alle Kontaktpersonen für Ihre Konten auf.

**Das Ziel:** Wenn Sie in der Konten-Tabelle ein Konto auswählen, soll die Kontakte-Tabelle automatisch aktualisiert werden und nur die Kontakte für *dieses spezifische* Konto anzeigen.

## **So setzen Sie es um**

### **Die Konten-Tabelle**

* Ziehen Sie die Avonni-Datentabellen-Komponente
* Stellen Sie sicher, dass Sie dieser Tabelle den API-Namen gegeben haben `accountsDatatable`.
* Konfigurieren Sie die Datenquelle mithilfe der Abfrage-Datenquelle
* Wählen Sie das Accounts-Objekt aus
* Konfigurieren Sie die Datenzuordnungen, um Spalten zu erstellen

<figure><img src="/files/03b399a78983f3689060e34c1dd6084423f1613c" alt=""><figcaption></figcaption></figure>

### **Die Kontakte-Tabelle**

* Diese Tabelle ist ebenfalls eingerichtet und zeigt alle Ihre Kontakte an.
* Gehen Sie im Einstellungsbereich der Tabelle zum Abschnitt „Datenquelle“.
* Wählen Sie die Option „Abfrage-Datenquelle“.
* Wählen Sie das Objekt aus, das Ihre Kontaktinformationen enthält (z. B. „Contact“).
* Fügen Sie eine Filterbedingung hinzu:
  * Feld: `Konten-ID` (oder das jeweilige Feld, das Kontakte mit Konten verknüpft)
  * Operator: `Gleich`
  * Wert: `{{accountsDatatable.selectedRecord.Id}}`
    * Dieser Ausdruckscode teilt der Kontakte-Tabelle mit, nur Kontakte anzuzeigen, deren Konten-ID mit der ID der ausgewählten Zeile in der Konten-Tabelle übereinstimmt.
* Erstellen Sie Spalten, indem Sie Felder hinzufügen.

### **Das Ergebnis**

* Benutzer durchsuchen ihre Kontenliste in der Konten-Tabelle.
* Sie klicken auf ein Konto.
* Die Kontakte-Tabelle wird sofort aktualisiert, um nur die mit diesem ausgewählten Konto verknüpften Kontakte anzuzeigen.

So bleiben Ihre Tabellen synchron und bieten eine reibungslose, intuitive Benutzererfahrung.


---

# 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/reactive-components/linked-data-tables.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.
