> ## Documentation Index
> Fetch the complete documentation index at: https://domoinc-bradley-turek-pfilter-operators-reference.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# App Studioで表要素を持つデータを探索する

## はじめに

Domoには、DataSetビューやAnalyzerなど、データ分析と可視化のための強力なツールが多数用意されています。App Studioは、これらのツールを1ヶ所にまとめることができます。

App Studio Appに表を追加すると、機能のフォーマット、集計、グループ化、列のサイズ変更、新しい計算の追加などの機能を備えたスプレッドシートのようなインターフェースでデータを探索できます。

App Studioビューモードでは、ダッシュボードと同じ方法で、ユーザーとAppユーザーが表を操作できます。表の操作方法については、[こちら](/s/article/360043429573#interact-with-table-charts)を参照してください。

<Warning>\*\*重要：**この機能は、App Studioの既存の表でも使用できます。表要素を選択して設定パネルを開き、**［正しい位置に編集］\*\*を選択します。</Warning>

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003w9KX.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=4d269857f5c7be9533efe11a20902371" alt="edit in place.jpg" width="1157" height="482" data-path="images/kb/ja/0EMVq000003w9KX.jpg" />
</Frame>

***

## App Studioに表要素を追加する

1. App Studio編集モードで\*\*［アクションと要素を追加］**に進みます。**［コンテンツ］**の**［テーブル］\*\*要素をキャンバスにドラッグします。

   <Frame>
     <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003nwh3.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=6f7679410fa810e7307f63e1e7328c22" alt="drag a table element to the canvas.jpg" width="2896" height="1638" data-path="images/kb/ja/0EMVq000003nwh3.jpg" />
   </Frame>
2. 探索するDataSetを選択します。\
   DataSetがAppページに表カードとして表示されます。

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003w9cH.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=c5dcce8e9e1ea113f72ffee4754a11a1" alt="choose data.jpg" width="807" height="632" data-path="images/kb/ja/0EMVq000003w9cH.jpg" />
</Frame>

3. カードを選択し、右側の設定パネルを開きます。\*\*［正しい位置に編集］\*\*を選択して編集モードを開きます。

   <Frame>
     <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003w9dt.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=197ff6d85d41f50fff12f334e52cda3c" alt="edit in place.jpg" width="1157" height="482" data-path="images/kb/ja/0EMVq000003w9dt.jpg" />
   </Frame>

   これでApp Studio内で表を直接編集できるようになります。

   <Frame>
     <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003wAA9.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=66c2ab778b8df83475b7a7a8d9f2bb83" alt="Screenshot 2024-11-20 at 3.45.50 PM.png" width="1518" height="522" data-path="images/kb/ja/0EMVq000003wAA9.jpg" />
   </Frame>

## 表要素を編集する

表要素をこの場で編集することを選択すると、表の上部に表フォーマットバーが表示され、DataSet列が設定パネルの\*\*［データ］\*\*列に表示されます。

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003w6L4.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=cc5cc34e607c903be9a0f3fcec3f66b3" alt="edit table.jpg" width="1518" height="522" data-path="images/kb/ja/0EMVq000003w6L4.jpg" />
</Frame>

### 列の表示/非表示を切り替える

表カードには、DataSetの最初の列が自動的に表示されます。設定パネルの個々の列で**表示/非表示**を選択できます。

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003wAi1.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=144527c8efdd854724158b3070862aa2" alt="unhide.jpg" width="346" height="545" data-path="images/kb/ja/0EMVq000003wAi1.jpg" />
</Frame>

#### 列を並べ替える

設定パネルのハンドルを使用すると、表カードの列を並べ替えることができます。

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003wAmr.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=d008dd73a7d64d55d0f769f822c0f099" alt="drag handles.jpg" width="346" height="545" data-path="images/kb/ja/0EMVq000003wAmr.jpg" />
</Frame>

#### 列名を変更する

設定パネルまたは表カードで列名をダブルクリックすると、名前を変更できます。

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003wAwX.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=df8ce94180de5f217d306fce62f39c1c" alt="Screenshot 2024-11-20 at 3.53.53 PM.png" width="351" height="254" data-path="images/kb/ja/0EMVq000003wAwX.jpg" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003wB2z.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=5ec7a76e6091983d8de774e6d3415075" alt="Screenshot 2024-11-20 at 3.54.42 PM.png" width="506" height="452" data-path="images/kb/ja/0EMVq000003wB2z.jpg" />
</Frame>

#### 列のサイズを変更する

列ヘッダーの端をドラッグすると、表カードの列のサイズを変更できます。調整が保存されます。

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003wBfh.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=58660e5a409404e9d1bff2141375fbf6" alt="resize columns.jpg" width="617" height="309" data-path="images/kb/ja/0EMVq000003wBfh.jpg" />
</Frame>

#### 表をフォーマットする

フォーマットバーを使用すると、列を通貨または割合（％）としてフォーマットしたり、小数点以下を追加または削除したり、セル内のコンテンツを調整したりできます。

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003wC77.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=174cb0c7180a13a8edf73f142f727979" alt="format values.jpg" width="566" height="456" data-path="images/kb/ja/0EMVq000003wC77.jpg" />
</Frame>

#### 列を追加する

各列で、ヘッダーにマウスポインターを合わせ、**［詳細］**（縦の三点リーダー）>\*\*［列を追加］\*\*を選択すると、新しい列を右側に追加できます。

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003wCDZ.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=d38e5904df1e44758c2160172b14d142" alt="Screenshot 2024-11-20 at 4.05.29 PM.png" width="482" height="304" data-path="images/kb/ja/0EMVq000003wCDZ.jpg" />
</Frame>

その後、フォーマットバーを使用して列に計算式の結果を入力し、カードの列に直接名前を付けることができます。

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003nxlB.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=196df6a64850aae28334387dcaa7079f" alt="Screenshot 2024-11-13 at 8.07.16 PM.png" width="1214" height="860" data-path="images/kb/ja/0EMVq000003nxlB.jpg" />
</Frame>

#### グループ化を行う

設定パネルで\*\*［グループ化］**を選択すると、列をグループ化し、設定パネルの**［集計］\*\*セクションを開くことができます。

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003w7aV.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=a65ee2463ce13575c7c5e9bed0f96087" alt="group by.jpg" width="355" height="484" data-path="images/kb/ja/0EMVq000003w7aV.jpg" />
</Frame>

グループで\*\*［詳細］\*\*（縦の三点リーダー）を選択すると、データの集計方法を選択できます。

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003wCYX.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=ecf51103a3eb1c303dfdce25e289602c" alt="more dots.jpg" width="347" height="329" data-path="images/kb/ja/0EMVq000003wCYX.jpg" />
</Frame>

#### 合計行と小計行の表示/非表示を切り替える

設定パネルの\*\*［プロパティ］\*\*タブに進むと、合計行と小計行の表示/非表示を選択できます。

<Frame>
  <img src="https://mintcdn.com/domoinc-bradley-turek-pfilter-operators-reference/qhgl9kAkldooD7UO/images/kb/ja/0EMVq000003nxzh.jpg?fit=max&auto=format&n=qhgl9kAkldooD7UO&q=85&s=ec47504d05e5dd046617cce18728ed41" alt="Screenshot 2024-11-13 at 8.19.53 PM.png" width="636" height="430" data-path="images/kb/ja/0EMVq000003nxzh.jpg" />
</Frame>

<Tip>\*\*ヒント：\*\*App Studioビューモードでは、ダッシュボードと同様に、ユーザーとAppユーザーが表を操作できます。表の操作方法については、[こちら](/s/article/360043429573#interact-with-table-charts)を参照してください。</Tip>
