News and Announcements icon

Power Platform CommunityForums Power Apps - Power Apps Pro Dev & ISV Data Table Align Colum...

Power Apps - Power Apps Pro Dev & ISV

Answered

Data Table Align Column Data

Like (0) Share

Report

Report

Posted on 15 Apr 2020 11:01:19 by Community Power Pla...

Good morning

How do I right align a column in the Data Table.

Your help will be much appreciated

JF

All responses Img

All responses (4)

Answers Img

Answers (1)

RV-10012019-0 on 10 Jan 2025 at 20:44:57

Like (2)

Report

Data Table Align Column Data

Hi JF,

Right-aligning a column in the Data Table component of Power Apps is not currently supported. The default alignment for all data, including numbers, is left-aligned, and there is no built-in option to change this for individual columns.

If aligning text or numbers is critical for your design, a possible workaround is to use a Gallery. With a Gallery, you can fully customize the alignment of individual columns or fields. Here’s how you can do it:

1. Insert a Vertical Gallery
• Go to Insert > Gallery > Vertical Gallery and connect it to your data source.

2. Add Labels for Each Column
• Inside the Gallery, add a Text Label for each column and bind it to the respective data field using ThisItem.(ColumnName).

3. Set Text Alignment
• Select the Label, go to the Properties panel, and set the Text Align property to Right.

While this approach takes more effort compared to using a Data Table, it gives you the flexibility to fully customize your table layout.
KEarley 276 on 24 Feb 2022 at 23:12:18

Like (1)

Report

Re: Data Table Align Column Data

Exelent alternative, but too much trouble to go to for my group where "does it work?" is pretty much the only quality assureance expected. LOL
Thank you for sharing your solution.
Verified answer

v-xida-msft on 16 Apr 2020 at 06:04:58

Like (2)

Report
Re: Data Table Align Column Data

Hi @Anonymous ,

Could you please share a bit more about your scenario?

Do you want to right align a column in a Data Table control?

If you want to right align a column in a Data Table control, I afraid that there is no way to achieve your needs in PowerApps currently.

Currently, there is no Align property supported within Data Table control to change the align attribute of a column. If you would like this feature to be added in PowerApps, please submit an idea to PowerApps Ideas Forum:

https://powerusers.microsoft.com/t5/Power-Apps-Ideas/idb-p/PowerAppsIdeas

As an alternative solution, you could consider configure a Gallery as a Tabular GRID. Bind your Gallery to a Table data source, then within the Gallery, add several Text Input boxes as below:

Set the Default property of the Text Input box to following formula:

ThisItem.ColumnName // use this formula to reference column value from your Table data source

After that, you could set the Align property of the Text Input box to following:

Align.Right

to display the value in right align within the Text Input box.

Best regards,
a33ik 3,304 Most Valuable Professional on 15 Apr 2020 at 12:45:56

Like (0)

Report
Re: Data Table Align Column Data

I believe you can add following style of cell to make it work:
text-align: right;

something like

<table> <tr> <td style="text-align: right">Content</td> </tr> </table>

Helpful resources

News and Announcements

🌸 Community Spring Festival 2025 Challenge & Updates🌸

Replay: Power Platform Community AMA - Copilot Studio | April

Welcome to the Power Platform Communities

Quick Links

Leaderboard

#1

WarrenBelz 146,658 Most Valuable Professional

#2

RandyHayes 76,287 Super User 2024 Season 1

#3

Pstork1 65,999 Most Valuable Professional

Leaderboard

Featured topics

Auto-Populate field Power Pages

Community content - sample components, blogs etc. - Link to this page (http://aka.ms/PCFdemos)

Product updates

Microsoft Power Platform Community release plans