How to resize width of column for Entity List in power apps portal

(0) Share

Report

Posted on by praneshJ

121

Hello,

I have created an Entity list in the power apps portal, which has around 20 columns in it.

When I am showing that Entity list on the web page, the width of the column is getting auto-adjusted and hence it looks clutter.

Please refer to the below screenshot.

I want the week column width to show the week data complete in a single line like 'Dec 21 - Dec 27'.

Quick help is really appreciated!!

Regards,

Pranesh

All responses (2)

Answers (0)

H V 1,510 on at

Like (3)

Report
Re: How to resize width of column for Entity List in power apps portal

Hi @praneshJ
There is OOB feature to set width of Entity List in PowerApps Portals.
Go to Portal Management App -> Entity List -> Open you entity list record
There will be "Options" tab
Under "Options" tab, Grid Configuration Section will be available
In the Override Column Attributes, select your attribute and give width in percent or pixel

For more information, please refer below blog:
https://www.tachytelic.net/2020/01/power-apps-portal-change-column-headings-widths-entity-list/

--------------------------
If you like this post, give a Thumbs up. Where it solved your query, Mark as a Solution so it can help other people!
ragavanrajan 7,036 Most Valuable Professional on at

Like (1)

Report
Re: How to resize width of column for Entity List in power apps portal

Hi @praneshJ ,

You can achieve this by adding custom css in your app. Here are the steps for you.

1. Login to powerapps > Edit your app > From the left panel > pick the Themes > add new file. In my case custom.css. Please see below picture.

2. In your custom.css . Assuming your column is in the first position I have used ":first-child".

.table>thead>tr>th:first-child { width: 38% !important; }

If it is in different position you can use nth child (number) > Replace my (:selector) part . Some references for you

https://www.w3schools.com/cssref/sel_nth-child.asp

3. Once you have added that you need to press "Sync configuration" and "Browse Website"

Hope it helps.

------------
If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.