Data Table
The Data Table is an enterprise-grade table for Power Apps built on a vertical Gallery: a sticky header row, zebra-striped rows, a colour-coded status cell and a full-row click action. It binds directly to any data source — Dataverse, SharePoint or a collection — and is ready to sort with SortByColumns. It's the readable, professional grid the native data table never quite delivers.
YAML source
Preview — full code with PRO# Data Table — PowerBlocks (PRO)
# An enterprise-style data table built on a vertical Gallery: sticky header row,
# zebra striping, a color-coded status cell and a clickable row. Sortable-ready.
#
# STEP 1 — In Screen.OnVisible (or App.OnStart), create the data:
# ClearCollect(
# colTableData,
# { Name: "Alice Martin", Status: "Active", Date: "2026-04-01" },
# { Name: "Bob Chen", Status: "Inactive", Date: "2026-03-15" },
# { Name: "Clara Diaz", Status: "Active", Date: "2026-04-10" },
# { Name: "David Okoro", Status: "Active", Date: "2026-04-12" }
# );
# STEP 2 — Paste this control into your screen (Tree view -> Ctrl+V).
# STEP 3 — Bind TableGallery.Items to your own data source and rename the columns.
# … full component definition unlocked with PROThis is a partial preview. Unlock the full component →
Common use cases
Record management
List Dataverse or SharePoint records with clear columns, status colours and a click-through to a detail screen.
Admin & back-office
Power user lists, audit logs and review queues that stay legible at a glance.
Sortable reports
Wrap Items in SortByColumns and toggle a variable to let users sort each column ascending or descending.
How to use Data Table in Power Apps
- 1Add the colTableData collection to Screen.OnVisible using the snippet in the YAML header.
- 2Choose your locale (EN or FR) and click "Copy YAML".
- 3Paste the control into your screen's Tree view in Power Apps Studio.
- 4Bind TableGallery.Items to your own data source, rename the column labels and map the status colour to your field.
Tip — Make it sortable by setting Items to SortByColumns(yourSource, "Name", If(varAsc, SortOrder.Ascending, SortOrder.Descending)) and flipping varAsc from the header label's OnSelect.