# 連携データテーブル

## テーブルを同期させる

ページに2つのテーブルがあると想像してください：

1. **アカウントのテーブル：** このテーブル（`accountsDatatable`）はすべての顧客アカウントを一覧表示します。
2. **連絡先のテーブル：** このテーブル（`contactsDatatable`）はアカウントの連絡先担当者をすべて一覧表示します。

**目的：** アカウントのテーブルでアカウントを選択したとき、連絡先のテーブルが自動的に更新され、そのアカウントの連絡先のみを表示するようにしたい、 *その特定の* アカウント。

## **実現方法**

### **アカウントのテーブル**

* Avonniデータテーブルコンポーネントをドラッグします
* このテーブルにAPI名を設定していることを確認してください `accountsDatatable`.
* クエリデータソースを使用してデータソースを設定します
* Accountsオブジェクトを選択します
* 列を作成するためにデータマッピングを設定します

<figure><img src="/files/5a3c63f9659818151f13d7e0446004409123d323" alt=""><figcaption></figcaption></figure>

### **連絡先のテーブル**

* このテーブルも設定されており、すべての連絡先が表示されています。
* テーブルの設定で「Data Source」セクションに移動します。
* 「Query Data Source」オプションを選択します。
* 連絡先情報を保持するオブジェクト（例：「Contact」）を選択します。
* フィルタ条件を追加します：
  * フィールド： `Account Id` （または連絡先をアカウントにリンクするフィールド）
  * 演算子： `等しい（Equals）`
  * 値： `{{accountsDatatable.selectedRecord.Id}}`
    * この式コードは、連絡先のテーブルに対して、アカウントテーブルで選択された行のIDと一致するAccount IDを持つ連絡先のみを表示するよう指示します。
* フィールドを追加して列を作成します。

### **結果**

* ユーザーはアカウントのテーブルでアカウント一覧を閲覧します。
* 彼らはアカウントをクリックします。
* 連絡先のテーブルは即座に更新され、選択したそのアカウントに関連する連絡先のみが表示されます。

これによりテーブルが同期され、スムーズで直感的なユーザー体験が提供されます。


---

# Agent Instructions: 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:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-ja/chtoriaru/riakutibukonpnento/dtatburu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.