Powerapps

Powerappsで編集可能なエクセルライクな表を作成

エクセルライクな編集可能な表をPowerappsで作成してみる

動画配信も始めたのでぜひそちらもチェックしてみてください。
(Powerapps関連ではないですが、15年間磨き続けた超時短パソコンテク動画です。)

今回のテーマ

  • 編集可能な表を作成
  • データソースはコレクションを利用
  • コレクションへのデータの登録、削除をアイコンつかって実装

作成した表

作成方法

  1. 今回データソースとして利用するコレクションをアプリ起動時に作成することと、コレクションの1レコード目に空白レコードを作成するので以下実装します。

    ここでレコードのカラムを定義しておかないと後から更新できないようです

  2. これから作成する表に空白レコードを追加するボタン(アイコン)を追加します。

  3. アイコン押下した際にコレクションに空白のレコード挿入します。
  4. ギャラリーを挿入してデータソースにコレクションを指定します。
  5. ギャラリーにテキスト入力(列)を追加します
    このようにします
  6. 列名のラベルとアイコンも追加します
  7. ゴミ箱アイコンはレコード削除のコードを書きます。
  8. 保存アイコンはもともと空白レコードなのでコレクションを上書きするコードを書きます
  9. これで保存ボタンやごみ箱ボタンを押すことでコレクションの中を編集できますコレクションの中はこのように挿入したデータが格納されています。

Powerappsは今のところはテーブルは編集できないようなのでギャラリーを利用して今回は作ってみました。
色々な場面で活用できるのではと思います。