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

# 明細コントロール

> DingTalk OA承認における明細/テーブルコントロールの使い方をご紹介します。備品受領申請など、同種のデータを一度に複数入力するシーンに適しており、単一行入力ボックス、金額、数値、ラジオボタンなどのコントロールと組み合わせて利用できます。

## 一、詳細な操作説明

【明細/テーブル】コントロールはリストまたはテーブルに相当し、同じフィールドを持つ複数のデータを入力する場合に使用します。単一行入力ボックス、金額、数値、ラジオボタンなどのコントロールと組み合わせて利用できます。例えば備品受領申請では、社員が一度に複数の異なる備品を申請する必要があるため、管理者は【フォーム設計】画面で【明細/テーブル】コントロールを活用できます。

<Frame>
  ![明細コントロールの利用イメージ](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/AmPdnpmdDExgqw98/img/91d0066c-2c4d-4a75-9cc6-7bbc65b12606.png)
</Frame>

### 一）設定方法

【明細/テーブル】コントロールを左側のコントロールライブラリからフォームの適切な位置にドラッグ＆ドロップします。

<Frame>
  ![明細コントロールをドラッグして配置する操作](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/AmPdnpmdDExgqw98/img/5847dc3c-4b41-4530-9016-a5ea132aed68.gif)
</Frame>

必要に応じて、【単一行入力ボックス】や【数値入力ボックス】などのコントロールを【明細/テーブル】コントロール内にドラッグし、受領する備品名や数量の入力欄として利用します。

<Frame>
  ![明細コントロール内に他のコントロールを配置する操作](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/AmPdnpmdDExgqw98/img/3fc6cc4c-2221-4626-8419-76d941537f58.gif)
</Frame>

【明細/テーブル】コントロールをクリックすると、見出しやアクション名を設定できます。

<Frame>
  ![見出しとアクション名を設定する操作](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/AmPdnpmdDExgqw98/img/9b7a1af1-16ce-4854-b63e-83985ef4e9aa.gif)
</Frame>

**入力方式** は、リストまたはスプレッドシートから選択できます。

<Frame>
  ![入力方式の選択画面](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/AmPdnpmdDExgqw98/img/e67a21b0-4314-400e-b99a-cf5481883ac5.png)
</Frame>

印刷形式は横向きまたは縦向きに設定できます。

<Frame>
  ![印刷形式を設定する操作](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/AmPdnpmdDExgqw98/img/bda9b7de-1610-4b80-a282-a0c38c86d799.gif)
</Frame>

設定が完了したら、右上の「公開」をクリックして反映します。

### 二）設定効果の表示

#### 1、リスト入力効果

<Frame>
  ![リスト形式で入力するイメージ](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/AmPdnpmdDExgqw98/img/662ff02f-710f-4c26-9e9f-7b3178592f42.gif)
</Frame>

#### 2、スプレッドシート入力効果

<Frame>
  ![スプレッドシート形式で入力するイメージ](https://alidocs.oss-cn-zhangjiakou.aliyuncs.com/res/AmPdnpmdDExgqw98/img/fd10a162-cba2-429d-9900-3884162f9bf6.gif)
</Frame>
