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.
#
# The table renders immediately: DEMO DATA is inlined in TableGallery.Items below.
# STEP 1 — Paste this control into your screen (Tree view -> Ctrl+V).
# STEP 2 — Bind TableGallery.Items to your own data source and rename the columns.
# The Idx field only drives the zebra striping — when you bind your own source,
# either add a sequential Idx or replace the RowStripe Fill with a single color.
# To make it sortable, wrap Items, e.g.:
# SortByColumns(yourSource, "Name", If(varAsc, SortOrder.Ascending, SortOrder.Descending))
- DataTable:
Control: GroupContainer
# … 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.
- 2Click "Copy YAML" — the syntax is invariant and works in every Power Apps locale.
- 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.