> ## Documentation Index
> Fetch the complete documentation index at: https://domoinc-openapi-sync-dataflows.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-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003w9KX.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=56c32c70ea11a7597337a405ef85aeb5" 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-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003nwh3.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=6debd8e41b10fff159bcbfc13612a0b5" 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-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003w9cH.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=d03120fafb22c465283b4e27ba6b92ef" alt="choose data.jpg" width="807" height="632" data-path="images/kb/ja/0EMVq000003w9cH.jpg" />
</Frame>

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

   <Frame>
     <img src="https://mintcdn.com/domoinc-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003w9dt.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=31ca6d07754da1746a6b7c9d75295716" 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-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003wAA9.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=7921cd445fee9ed279c4f001fc45d2f8" 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-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003w6L4.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=62031057375335978902cf2c4a570d2b" alt="edit table.jpg" width="1518" height="522" data-path="images/kb/ja/0EMVq000003w6L4.jpg" />
</Frame>

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

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

<Frame>
  <img src="https://mintcdn.com/domoinc-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003wAi1.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=7b3d1db62d60448caf9233417d05bbb2" alt="unhide.jpg" width="346" height="545" data-path="images/kb/ja/0EMVq000003wAi1.jpg" />
</Frame>

#### 列を並べ替える

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

<Frame>
  <img src="https://mintcdn.com/domoinc-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003wAmr.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=77e67d9bce2712226c71239e0349cafb" alt="drag handles.jpg" width="346" height="545" data-path="images/kb/ja/0EMVq000003wAmr.jpg" />
</Frame>

#### 列名を変更する

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

<Frame>
  <img src="https://mintcdn.com/domoinc-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003wAwX.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=3e0256b1d20bb35075afbc860ea7ba0f" 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-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003wB2z.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=2fb7142738e5073d37675f6a5b50c853" 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-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003wBfh.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=d716982a901a9a00f699de0f49ebde09" alt="resize columns.jpg" width="617" height="309" data-path="images/kb/ja/0EMVq000003wBfh.jpg" />
</Frame>

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

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

<Frame>
  <img src="https://mintcdn.com/domoinc-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003wC77.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=ef61b2acda7832a1c17a69359bf9b475" alt="format values.jpg" width="566" height="456" data-path="images/kb/ja/0EMVq000003wC77.jpg" />
</Frame>

#### 列を追加する

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

<Frame>
  <img src="https://mintcdn.com/domoinc-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003wCDZ.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=11b6676a9572596b4d5f2b8d18ae357d" 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-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003nxlB.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=f833e5b13eb636078dc93b2725ac585a" 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-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003w7aV.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=2d6e292cf865b9441d11d0e4214c3b6a" alt="group by.jpg" width="355" height="484" data-path="images/kb/ja/0EMVq000003w7aV.jpg" />
</Frame>

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

<Frame>
  <img src="https://mintcdn.com/domoinc-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003wCYX.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=626e6b817e9e153186135f7730b01a01" alt="more dots.jpg" width="347" height="329" data-path="images/kb/ja/0EMVq000003wCYX.jpg" />
</Frame>

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

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

<Frame>
  <img src="https://mintcdn.com/domoinc-openapi-sync-dataflows/w-KfFfXRAJP5co39/images/kb/ja/0EMVq000003nxzh.jpg?fit=max&auto=format&n=w-KfFfXRAJP5co39&q=85&s=58334c1a1bb465d773d958383778976d" 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>
