web
You’re offline. This is a read only version of the page.
close
Skip to main content
News and Announcements icon
Community site session details

Community site session details

Session Id : xwSGfAzOiHwMUsSsGynzhP
Power Platform Community / Forums / Power Pages - Power Apps Portals / How to resize width of...
Power Pages - Power Apps Portals
Unanswered

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

Like (0) ShareShare
ReportReport
Posted on 11 Sep 2020 07:11:06 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.

111.PNG

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

I have the same question (0)
  • H V Profile Picture
    H V 1,510 on 11 Sep 2020 at 08:06:32
    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

    EntityListColumnWidth.png

     

    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 Profile Picture
    ragavanrajan 7,036 Most Valuable Professional on 11 Sep 2020 at 07:32:55
    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. 

     

    ragavanrajan_0-1599809626724.png

     

     

    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.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities
Announcing our 2025 Season 2 Super Users!
Responsible AI policies for the Community

Quick Links

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Telen Wang – Community Spotlight

We are honored to recognize Telen Wang as our August 2025 Community…

Congratulations to the July Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
Fubar Profile Picture

Fubar 62 Super User 2025 Season 2

#2
Lucas001 Profile Picture

Lucas001 48 Super User 2025 Season 2

#3
KevinGador Profile Picture

KevinGador 44 Super User 2025 Season 2

Last month Overall leaderboard

Featured topics

Updates on Power Apps Portals - PLEASE READ

Product updates

Microsoft Power Platform Community release plans