> ## 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.

# ベーシックテーブル

> YiDA Report 3.0は、動的ドリルダウンや行番号などの機能をサポートする強力なデータ可視化ツールを提供します。倉庫の商品名や在庫数量の表示などのシナリオに適しています。エディション（Freeプラン、ベーシック版、プロフェッショナル版、専用版）ごとに、サポートする列数が異なります。

| **機能**    | **Freeプラン** | **ベーシック版** | **プロフェッショナル版** | **専用版** |
| --------- | ----------- | ---------- | -------------- | ------- |
| ベーシックテーブル | 30列         | 100列       | 100列           | 100列    |

## 1. はじめに

### 1.1 機能概要

YiDA Report 3.0のテーブルは、データを表示するだけでなく、**動的ドリルダウン**や**行番号**などの機能を有効化できます。スタイルも柔軟に調整でき、強力なデータ可視化ツールです。

### 1.2 ユースケース

倉庫の商品名や在庫数量、生徒の試験成績などを表示するシナリオに適しています。

### 1.3 基本要件

テーブルの基本要件は次のとおりです。

| **テーブル列**                                                                                       |
| ----------------------------------------------------------------------------------------------- |
| すべてのフォームフィールドを選択できます。<br />Freeプランでは最大30フィールドまでサポートします。<br />すべての有料エディションでは最大100フィールドまでサポートします。 |

**注：エクスポートできるレコードは最大500,000件です。**

## 2. 手順

### 2.1 コンポーネントを選択してデータセットを設定

データセットを追加します。

### 2.2 チャートに表示するフィールドを選択

右側のフィールドパネルで、対応するデータをテーブル列にドラッグします。

**フィールドはデータセットから直接選択するか、数式で生成できます。数式の使い方について詳しくは、**[レポート数式](/ja/yida/form/yrofmw)を参照してください。

データを追加します。

### 2.3 スタイル設定

スタイル設定。

#### 2.3.1 全体設定

**テーブルサイズ**：テーブル全体のサイズ。

**テーブルスタイル**：ボーダースタイル。**枠線なし**、**縞模様**、**水平区切り線**、**枠線**から選択できます。

**セルの結合**：有効にすると、最初の列から順に、すべての列で重複値がなくなるまでセルが結合されます。同一データが分離されて結合されない事態を避けるため、結合前にデータフィールド設定パネルでデータを並び替えることをおすすめします。

**ヘッダー固定**：有効にすると、ヘッダーが常に表示されます（例：ユーザーにデータ権限がない場合でも表示されます）。

**行列の入れ替え**：有効にすると、行と列を入れ替えてデータが表示されます。その後、先頭行の背景を設定できます。このモードでは、動的ドリルダウンや行番号などの設定はサポートされません。

**重複排除**：有効にすると、重複データが自動的に削除されます。

セルの結合を有効化完了した後の表示効果。

**列の固定**：先頭からN列を自動的に固定します（Nは入力した数値）。

### 2.4 動的ドリルダウン

動的ドリルダウンは、ツリー構造データの展開向けに設計された特殊なドリルダウンモードです。通常のドリルダウンとは異なり、動的ドリルダウンでは**各ノード配下の階層数が事前に不明です。**

**例：\[財務本部]の配下に、第1階層の部門として\[財務部1]と\[財務部2]があります。財務部1には第2階層の子部門\[部門1の子部門]がありますが、財務部2には第2階層の子部門がありません。この場合、動的ドリルダウンを使用して動的な展開を実現します（下図参照）：**

連絡先の部門。

#### 2.4.1 データの準備

以下のフォーマットに従ってください。id、parentid、およびリーフノードかどうかの情報が必要です。

* 部門1-1と1-2は部門1の子部門であるため、それらのparentidは部門1のidになります。idは固定値である必要があります。
* ルートノード（最上位の部門）の場合は、**root**と設定します。
* リーフノード指標は、はいの場合は1、いいえの場合は0を使用します。

| **部門**   | **id** | **parentid** | **リーフノード** |
| -------- | ------ | ------------ | ---------- |
| 部門1      | 1      | root         | 0          |
| 子部門1-1   | 1.1    | 1            | 1          |
| 子部門1-2   | 1.2    | 1            | 0          |
| 子部門1-2-1 | 1.2.1  | 1.2          | 1          |

#### 2.4.2 設定

**ノードid**：例：部門名。

**親ノードid**：例：親部門名。ルートノードの場合はrootに設定します。

**リーフノード**：リーフノードの場合は1、非リーフノードの場合は0。

**ドリルダウンフィルター**：ドリルダウンデータのデータ範囲。設定すると、**ドリルダウンフィールドはこのフィルター範囲によって制御されます**。設定しない場合は、データ権限によって制御されます。**テーブルのフィルター条件と一致させ**、**設定したノードidと親ノードidに関連するフィルター条件は削除する**ことをおすすめします。

* idとparentidが\[部門名]と\[親部門名]で、テーブルにフィルター条件\[部門名] = 財務本部がある場合、ここでこのフィルターを設定する必要はありません。すでに\[部門名]をidとして使用しているためです。
* テーブル外にフィルター\[部門名] = 財務本部 AND \[勤続年数] > 10を設定している場合は、ここで\[勤続年数] > 10を設定する必要があります。そうしないと、すべての勤続年数の従業員がカウントされます。

フィルター検索条件を設定します。

**動的展開**：有効にすると、複数のルートノードは折りたたまれたままになります。ルートノードが1つのみの場合は、その子ノードが自動的に展開されます。

### 2.5 ページネーション

ページネーション設定には、**ページサイズ**、**ページネーションスタイル**、**ページ番号数**、**1ページあたりのレコード数**、**ページ切り替え**が含まれます。

* ページ番号数：ページネータに表示されるページ番号の最大数。
* 1ページあたりのレコード数：1ページに表示されるレコード数。

ページネータの設定。

設定後の表示効果。

### 2.6 行番号

有効にすると、最左端に行番号が表示されます。これは表示のみのスタイル設定です。データを並び替えるには、データフィールド設定パネルの並び替えオプションを使用してください。

行番号をオンにします。

**列幅**：行番号列の幅。

**背景の角丸**：背景色の角丸の半径。

設定後の表示効果。

**スタイル**：番号のテキスト色と背景色を設定します。順序はテーブル内の行番号の順序と一致します。

### 2.7 行と列の結合

同一データを持つセルを結合します。設定後の表示効果は下図のとおりです：

表示効果。

コード編集ページを開きます。

シンボルを削除します。

### 2.8 画像表示の設定

テーブルで画像を使用するには2つの方法があります：

1. セルに直接セル画像背景を設定します。よくあるシナリオ（画像サイズの調整）：画像の幅とcssheightを設定することで、画像サイズをカスタマイズできます。

|   |   |
| - | - |

2. フォーム内の画像コンポーネントと組み合わせ、テーブル内で画像フィールドを選択することで自動表示が可能です（Report 2.0以降でサポート）。

## 3. 詳細情報

他のコンポーネントと比較して、テーブルコンポーネントには**フィールド選択**機能が追加されています。詳しくは[その他の設定](/ja/yida/report/qpdzl5)を参照してください。