> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# グリッドビュー

> ダッシュボードへのグリッドビューの埋め込みに対応し、AI テーブルのコアデータを可視化された形式でダッシュボード画面に直接統合できます。

ダッシュボードへのグリッドビューの埋め込みに対応し、AI テーブルのコアデータを可視化された形式でダッシュボード画面に直接統合できます。ビューコンポーネントは、ダッシュボード内の分析チャート（折れ線グラフ、棒グラフなど）と連携した表示・配信に対応し、データとビューをワンストップで提供。モジュール間の連携効率を高めます。

## グリッドビューコンポーネントの追加

ダッシュボード左上の**チャートを追加**をクリックし、ポップアップメニューのチャートタイプから**グリッドビュー**を選択します。

![](https://img.alicdn.com/imgextra/i2/O1CN01iQv3lg1beTPj39UO8_!!6000000003490-0-tps-376-649.jpg)

## グリッドビューコンポーネントの設定

タイプとデータ、カスタムスタイルを設定します。

**データ**：データソースの選択に対応し、データテーブルとデータ範囲を指定できます。データ範囲で**全データ**を選択した場合は、フィルター条件を設定できます。

![](https://img.alicdn.com/imgextra/i2/O1CN01ksGV2122IU1UYOZMX_!!6000000007097-0-tps-296-307.jpg)

**グリッド設定**：グループ化や並べ替え条件の追加、行の高さの調整、表示するフィールドと表示順序の選択ができます。

![](https://img.alicdn.com/imgextra/i1/O1CN01nS36oP1j8t1ZqQeal_!!6000000004504-0-tps-287-499.jpg)

**カスタムスタイル**：背景色をカスタマイズできます。

![](https://img.alicdn.com/imgextra/i2/O1CN01ks2oL21nQ4LXrd8OZ_!!6000000005083-0-tps-296-784.jpg)

## グリッドビューコンポーネントの管理

追加済みのグリッドビューにマウスを乗せ、右上のアイコンをクリックすると、以下の操作を実行できます：設定、名前の変更、複製、ダッシュボードセンターに追加、画像としてコピー、画像としてエクスポート、削除。

![](https://img.alicdn.com/imgextra/i1/O1CN01LBE8nm1whmCXoehWj_!!6000000006340-0-tps-918-336.jpg)

また、チャート右下をドラッグするとコンポーネントのサイズを調整でき、コンポーネント上部のエリアをドラッグすると配置を調整できます。

## グリッドビューコンポーネントと元のグリッドビューの関係

ダッシュボードに追加済みのグリッドビューコンポーネントと、元のグリッドビューの関連は以下のとおりです。

* グリッドビューコンポーネントは編集できません
* 元のグリッドビューでセルを編集すると、グリッドビューコンポーネントも同期して変更されます。「編集操作」とは、レコードの追加・編集・削除、フィールドの追加・編集・削除を指します
* 元のグリッドビューとグリッドビューコンポーネントの設定は相互に独立しています。ここでの「設定」には、フィルター、グループ化、並べ替え、行の高さ、列の幅、フィールド順序、レコード順序などが含まれます

## よくある質問

#### **質問：グリッドビューコンポーネントで行ったフィルターやグループ化などの操作は、元のビューに影響しますか？**

回答：影響しません。グリッドビューコンポーネントで行った設定はダッシュボード内でのみ反映され、元のビューには影響しません。

#### **質問：ダッシュボード全体にフィルター条件を追加した場合、グリッドビューコンポーネントのデータはどう表示されますか？**

回答：ダッシュボードにグローバルフィルターが存在する場合、ビューコンポーネントのデータもフィルター後の結果になります。ビュー側のフィルターは追加で適用できます。