Bearbeitbare Tabelle

Direkt in Power Apps änderbare Tabelle – Schritt für Schritt Anleitung

Ich zeige dir, wie du eine bearbeitbare Tabelle in Power Apps erstellst, die mit einer Datenquelle verbunden ist. Du kannst die Tabelle mit Steuerelementen wie Texteingabefeldern, Dropdowns und Date Pickern erweitern, um die Kontrolle über die eingegebenen Werte zu behalten. Das Hinzufügen, Bearbeiten oder Löschen von Datensätzen ist damit in wenigen Klicks möglich.

Schritt 1: SharePoint Liste erstellen

Als Basis für die App erstellst du zunächst eine SharePoint-Liste, in der die Daten verwaltet werden.

Schritt 2: Tabelle mit Steuerelementen erstellen

Füge deiner App eine Galerie hinzu, die als Struktur für die Tabelle dient. Nutze dafür das Layout „Leer“ und füge danach die gewünschten Steuerelemente hinzu. In diesem Beispiel verwende ich ein Texteingabefeld, einen DatePicker, ein Dropdownfeld sowie ein Beschriftungsfeld. Gib den Steuerelementen einen Rahmen (z.B. 1 Pixel) um diese als Tabelle zu formatieren.

Verbinde die Galerie mit der zuvor erstellen SharePoint Liste und stelle die Daten in den jeweiligen Steuerelementen dar.

Galerie
Items = Aufgaben

Steuerelement am Beispiel der Titelspalte
Default = ThisItem.Titel

Schritt 3: Funktionen

Füge deiner App Funktionen hinzu, um Datensätze anzulegen, zu bearbeiten oder zu löschen.

• 1. Datensatz anlegen: Über das + Symbol sollen Datensätze angelegt werden können.
  

  Plus Icon
  OnSelect = Patch(Aufgaben;Defaults(Aufgaben))

• 2. Datensatz bearbeiten: Die Bearbeitung der Daten soll direkt bei Eingabe in der Tabelle funktionieren.
  

  Direkt beim Eintrag im jeweiligen Steuerelement am Beispiel der Titelspalte
  OnChange = Patch(Aufgaben;ThisItem;{Titel:txt_Aufgaben.Text})

• 3. Datensatz löschen: Über ein Papierkorb Symbol sollen Datensätze gelöscht werden können. Um die Benutzerfreundlichkeit zu erhöhen, empfehle ich, vor dem Löschen eine Bestätigung der BenutzerIn der App über ein PopUp einzufordern. (Hier findest du weitere Details, wie du ein PopUp erstellen kannst)
  

  Papierkorb Icon
  OnSelect = Remove(Aufgaben;ThisItem)

Schritt 4: Tabellenansicht aktivieren / deaktivieren

Erhöhe die Benutzerfreundlichkeit deiner App indem du eine Aktivierung / Deaktivierung der Tabellenansicht implementierst. Erstelle dazu einen Button, mit dem die Tabellenansicht aktiviert bzw. deaktiviert werden kann.

Button
OnSelect = Set(varEditierbar;!varEditierbar)
Text = If(varEditierbar=true;"Rasteransicht beenden";"Rasteransicht aktivieren")

Steuerelemente am Beispiel der Titelspalte
DisplayMode = If(varEditierbar=true;DisplayMode.Edit;DisplayMode.View)

Ich hoffe dieser Beitrag hilft dir dabei, deine Business Apps effizienter und nutzerfreundlicher zu gestalten sowie deine Datenbanken optimal zu verwalten.

Melde dich gerne für meinen Newsletter an, in dem ich dir Tipps und Tricks rund um Power Apps & Power Automate zusende.

 Hier gehts zum Detailvideo: