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

# Verknüpfte Datentabellen

## Tabellen synchron halten

Stell dir vor, du hast zwei Tabellen auf deiner 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 sich die Kontakte-Tabelle automatisch aktualisieren und nur die Kontakte für *dieses bestimmte* Konto.

## **So setzen Sie es um**

### **Die Konten-Tabelle**

* Ziehen Sie die Avonni-Datentabellenkomponente
* Stellen Sie sicher, dass Sie dieser Tabelle den API-Namen gegeben haben `accountsDatatable`.
* Konfigurieren Sie die Datenquelle mit der Option „Query Data Source“
* Wählen Sie das Objekt „Accounts“ 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 in den Tabelleneinstellungen zum Abschnitt „Data Source“.
* Wählen Sie die Option „Query Data Source“.
* Wählen Sie das Objekt aus, das Ihre Kontaktinformationen enthält (z. B. „Contact“).
* Fügen Sie eine Filterbedingung hinzu:
  * Feld: `Account-ID` (oder das Feld, das Kontakte mit Konten verknüpft)
  * Operator: `Gleich`
  * Wert: `{{accountsDatatable.selectedRecord.Id}}`
    * Dieser Ausdruckscode weist die Kontakte-Tabelle an, nur Kontakte anzuzeigen, deren Account-ID mit der ID der ausgewählten Zeile in der Konten-Tabelle übereinstimmt.
* Erstellen Sie Spalten, indem Sie Felder hinzufügen.

### **Das Ergebnis**

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

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/tutorials/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.