PowerBlocks
LibraryData List
PROtables

Data List

The Data List is a structured, row-based list with alternating row backgrounds for readability — a lightweight alternative to a full data grid. It presents columns of values cleanly when you need scannable tabular data without the weight of editable cells.

Pro component

Subscribe to access this component and the full library.

View plans
NameStatusDate
Alice M.Active2026-04-01
Bob C.Inactive2026-03-15
Clara D.Active2026-04-10

YAML source

Preview — full code with PRO
# Data List — PowerBlocks (PRO)
# DEMO DATA is hard-coded in the row labels — replace the Text values with your fields.

- DataList:
    Control: GroupContainer
    Variant: ManualLayout
    Properties:
      Width: =560
      Height: =220
      Fill: =RGBA(23, 23, 23, 1)
      BorderColor: =RGBA(64, 64, 64, 1)
      BorderThickness: =1
      RadiusTopLeft: =8
      RadiusTopRight: =8
# … full component definition unlocked with PRO

This is a partial preview. Unlock the full component →

Common use cases

Read-only records

Display rows of names, statuses and dates from a collection or data source.

Reports and logs

Show audit trails or activity logs where users read but rarely edit.

Summary tables

Render compact tables inside dashboards alongside charts and KPI cards.

How to use Data List in Power Apps

  1. 1Open the component page — the YAML uses the invariant Power Fx syntax and works in every Power Apps locale.
  2. 2Click "Copy YAML" to copy the full component definition to your clipboard.
  3. 3In Power Apps Studio, open your screen in the Tree view and paste (Ctrl+V) — the component appears ready to use.
  4. 4Rebind the data-driven properties (Items, OnSelect, Fill, Text) to your own data source and theme.

Tip — Use the alternating row colour (zebra striping) tied to the gallery's row index for effortless readability on long lists.

Related tables components

Data List — Power Apps Component — PowerBlocks