PowerApps のデータ テーブル コントロールData table control in PowerApps

データのセットを表形式で表示します。Shows a set of data in a tabular format.

説明Description

データ テーブル コントロールには、コントロールに表示される各フィールドの列ヘッダーを含む形式でデータセットが表示されます。The Data table control shows a dataset in a format that includes column headers for each field that the control shows. アプリ メーカーとして、表示されるフィールドやその順序を詳細にコントロールできます。As an app maker, you have full control over which fields appear and in what order. ギャラリー コントロールなど、データ テーブル コントロールには、選択した行をポイントする Selected プロパティが保持されます。Like the Gallery control, the Data table control maintains a Selected property that points to the selected row. したがって、データ テーブル コントロールは他のコントロールにリンクすることできます。Therefore, you can link the Data table control to other controls.

機能Capabilities

PowerApps では、2017 年 5 月 5 日にデータ テーブル コントロールを導入しました。PowerApps introduced the Data table control on May 5, 2017. このセクションでは、サポートされている機能とサポートされていない機能に関する情報を提供します。This section provides information about capabilities that are supported and capabilities that aren't supported.

提供開始Now available

  • データ テーブル コントロールの読み取り専用データ。Data in a Data table control is read-only.
  • データ テーブル コントロールで常に単一行を選択。A single row is always selected in a Data table control.
  • データ テーブル コントロールの接続されたデータ ソースまたはローカル データ ソースへのリンク。Link a Data table control to a connected or local data source.
  • 変更を保存していない場合も、アプリの実行中にデータ テーブル コントロールの列の幅を調整できる。Adjust column widths in a Data table control while you run the app, though your changes aren't saved.
  • Common Data Service など、この機能を実装しているコネクターに既定のフィールドのセットをリンクすると、データ テーブル コントロールに表示される。A set of default fields appear in a Data table control when you link it to a connector that has implemented this capability, such as the Common Data Service. 必要に応じて、これらのフィールドなどを表示または非表示にすることができます。You can then show or hide these fields and others as necessary.
  • 列の幅や見出しのテキストのカスタマイズ。Customize column width and heading text.
  • データ テーブル コントロールでのハイパーリンクの表示。Show hyperlinks in a Data table control.
  • データ テーブル コントロールのコピーと貼り付け。Copy and paste a Data table control.

現時点では利用不可Not yet available

  • 個別の列のスタイルのカスタマイズ。Customize the styling of individual columns.
  • データ テーブル コントロールのフォーム コントロールへの追加。Add a Data table control in a form control.
  • すべての行の高さの変更。Change the height of all rows.
  • データ テーブル コントロールでの画像の表示。Show images in a Data table control.
  • 関連エンティティからのフィールドの表示。Show fields from related entities.
  • 組み込み機能を使用した列見出しによるデータのフィルター処理および並べ替え。Use built-in functionality to filter and sort data by column heading.
  • データ テーブル コントロールの ギャラリー コントロールへの追加。Add a Data table control in a Gallery control.
  • データ テーブル コントロールでのデータの編集。Edit data in the Data table control.
  • 複数の行の選択。Select multiple rows.

既知の問題Known issues

  • Items プロパティに FirstN 関数を使用すると、データが表示されません。No data appears if you use the FirstN function in the Items property.

主要なプロパティKey properties

  • Itemsデータ テーブル コントロールに表示されるデータのソースです。Items – The source of data that appears in the Data table control.
  • Selectedデータ テーブル コントロールで選択された行です。Selected – The selected row in the Data table control.

その他のプロパティOther properties

  • BorderColorデータ テーブル コントロールの境界線の色です。BorderColor – The color of the Data table control's border.
  • BorderStyleデータ テーブル コントロールの境界線のスタイルです。BorderStyle – The style of the Data table control's border. オプションは、[実線][破線][点線]、および [なし] です。The options are Solid, Dashed, Dotted, and None.
  • BorderThicknessデータ テーブル コントロールの境界線の太さです。BorderThickness – The thickness of the Data table control's border.
  • Color – すべてのデータ行の既定のテキスト色です。Color – The default text color for all data rows.
  • Fill – すべてのデータ行の既定の背景色です。Fill – The default background color for all data rows.
  • Font – すべてのデータ行の既定のフォントです。Font - The default font for all data rows.
  • FontWeight – すべてのデータ行の既定のフォントの太さです。FontWeight – The default font weight for all data rows.
  • HeadingColor – 列見出しのテキストの色です。HeadingColor – The text color for the column headings.
  • HeadingFill – 列見出しの背景色です。HeadingFill – The background color of the column headings.
  • HeadingFont – 列見出しのフォントです。HeadingFont – The font of the column headings.
  • HeadingFontWeight – 列見出しのフォントの太さです。HeadingFontWeight – The font weight of the column headings.
  • HeadingSize – 列見出しのフォント サイズです。HeadingSize – The font size of the column headings.
  • Heightデータ テーブル コントロールの上端と下端の距離です。Height – The distance between the Data table control's top and bottom edges.
  • HoverColor – マウス ポインターがポイントしている行のテキストの色です。HoverColor – The text color for the row that the mouse pointer is pointing at.
  • HoverFill – マウス ポインターがポイントしている行の背景色です。HoverFill – The background color of the row that the mouse pointer is pointing at.
  • NoDataTextデータ テーブル コントロールに表示するレコードがないときに、ユーザーが受け取るメッセージです。NoDataText – The message that the user receives when there are no records to show in the Data table control.
  • SelectedColor – 選択された行のテキストの色です。SelectedColor – The color of the text in the selected row.
  • SelectedFill – 選択した行の背景色です。SelectedFill – The background color of the selected row.
  • Size – すべてのデータ行の既定のフォント サイズです。Size – The default font size for all data rows.
  • Visibleデータ テーブル コントロールが表示されるか、それとも非表示になるかを決定する値です。Visible – A value that determines whether the Data table control appears or is hidden.
  • Widthデータ テーブル コントロールの左端と右端の間の距離です。Width – The distance between the Data table control's left and right edges.
  • Xデータ テーブル コントロールの左端とその親コンテナーの左端 (親コンテナーがない場合は画面の左端) との間の距離です。X – The distance between the left edge of the Data table control and the left edge of its parent container (or the left edge of the screen if there is no parent container).
  • Yデータ テーブル コントロールの上端とその親コンテナーの上端 (親コンテナーがない場合は画面の上端) との間の距離です。Y – The distance between the top edge of the Data table control and the top edge of its parent container (or the top edge of the screen if there is no parent container).

Examples

基本的な使用方法Basic usage

  1. 空白のタブレット アプリを作成します。Create a blank tablet app.
  2. [挿入] タブで、[データ テーブル] をクリックまたはタップします。On the Insert tab, click or tap Data table.

    データ テーブル コントロールを画面に追加します

    データ テーブル コントロールが画面に追加されます。A Data table control is added to the screen.

  3. データ テーブル コントロール SalesOrderTable の名前を変更し、画面全体をカバーするようにサイズを変更します。Rename the Data table control SalesOrderTable, and resize it so that it covers the whole screen.
  4. 右側のウィンドウで、[データ ソースが選択されていません] のテキストの右側にある下矢印をクリックまたはタップしてから、[データ ソースの追加] をクリックまたはタップします。In the right pane, click or tap the down arrow to the right of the No data source selected text, and then click or tap Add a data source.

    データ ソースの追加

  5. 接続の一覧で、Common Data Service データベースの接続をクリックまたはタップします。In the list of connections, click or tap the connection for your Common Data Service database.

    データ ソースの接続を選択します

  6. エンティティの一覧で、[販売注文] をクリックまたはタップしてから、[接続] をクリックまたはタップします。In the list of entities, click or tap Sales order, and then click or tap Connect.

    Sales order エンティティを選択する

    これで、データ テーブル コントロールが、Sales order データ ソースに接続されます。The Data table control is now attached to the Sales order data source. その機能をサポートするコネクタを使用しているため、いくつかの初期フィールドがデータ テーブル コントロールに表示されます。Several initial fields appear in the Data table control, because we're using a connector that supports that capability.

    データ テーブル

  7. 右側のウィンドウで、1 つ以上のチェック ボックスを選択し、個別のフィールドを表示または非表示にします。In the right pane, select one or more check boxes to show or hide individual fields.

    たとえば、CustomerPurchaseOrderReference の横にあるチェック ボックスを選択して、このフィールドを非表示にします。For example, select the check box next to CustomerPurchaseOrderReference to hide this field.

  8. 右側のウィンドウで、フィールドを上下にドラッグして、フィールドの順序を変更します。In the right pane, reorder the fields by dragging them up or down.

    必要に応じてフィールドの順序を変更する

    SalesOrderTable コントロールに、指定した順序でフィールドが表示されます。The SalesOrderTable control shows the fields in the order that you specified.

    更新後のデータ テーブル

データ テーブル コントロールのヘッダーのスタイルを変更するRestyle the header for the Data table control

  1. データ テーブル コントロールが選択されているときに、右側のウィンドウの [詳細] タブをクリックまたはタップします。While the Data table control is selected, in the right pane, click or tap the Advanced tab.
  2. HeadingFill プロパティのフィールドをクリックまたはタップし、値を RGBA(62,96,170,1) に変更します。Click or tap the field for the HeadingFill property, and then change the value to RGBA(62,96,170,1).
  3. HeadingColor プロパティのフィールドをクリックまたはタップし、値を White に変更します。Click or tap the field for the HeadingColor property, and then change the value to White.
  4. HeadingSize プロパティのフィールドをクリックまたはタップし、値を 14 に変更します。Click or tap the field for the HeadingSize property, and then change the value to 14.

    データ テーブル

データ テーブル コントロールを別のコントロールに接続するConnect a Data table control to another control

  1. 編集フォーム コントロールを画面に追加します。Add an Edit form control to the screen.
  2. データ テーブル コントロールと編集フォーム コントロールのサイズを変更して、データ テーブル コントロールが画面の左側、編集フォーム コントロールが画面の右側の部分に表示されるようにします。Resize the Data table and Edit form controls so that the Data table control appears in the left part of the screen and the Edit form control appears in the right part of the screen.

    同じ画面上に配置されたデータ テーブルと編集フォーム

  3. Form1 が選択されているときに、右側のウィンドウで、列の数を 1 に変更します。While Form1 is selected, in the right pane, change the number of columns to 1.
  4. Form1Sales order データ ソースに接続します。Connect Form1 to the Sales order data source.

    いくつかの初期フィールドが Form1 に表示されます。Several initial fields appear in Form1.

    初期フィールドを含む Form1

  5. 右側のウィンドウで、[詳細] タブをクリックまたはタップします。In the right pane, click or tap the Advanced tab.
  6. Form1Item プロパティを SalesOrderTable.Selected に設定します。Set the Item property for Form1 to SalesOrderTable.Selected.

    Form1 に、データ テーブル コントロールで選択された行の情報が表示されます。Form1 shows information from the row that's selected in the Data table control.

    データ テーブルに接続さた編集フォーム