Column width resize in modern list

jhallal These is no Column Width option available under list settings > column settings page.

There are few new settings available to narrow/widen column like: 

This narrow downs the Title column a bit. However, it cannot narrow down it completely because there are some hidden options like ellipses ( ... ), share and list comments options which will be shown when you hover over the list item.

Workaround (using SharePoint JSON column formatting): You can use JSON column formatting like below for your Title column: 

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "txtContent": "@currentField"
}

After applying JSON column formatting, you can manually drag Title column width to narrow it down. Then save changes using Save view as option as mentioned in my answer here: SharePoint Modern List - Increase column width with JSON Issue 

Note: This will allow you to narrow down the Title column width (see below image). However, you will loose SharePoint default option given in above image (ellipses context menu, share, list comments, etc).  

Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.

For SharePoint/Power Platform blogs, visit: Ganesh Sanap Blogs

My experience with the changing column widths using the JSON column formatter is that it changes the width of the text within the column, but not the width of the column itself. So if I set a column width for a description field to 500px, the default for other users would be a small column where the text was horizontally cut off until you dragged the column itself wider. Example of what I've tried that is still unsatisfactory below.

DavidVs 

Not sure if you saw these posts recently. There is a way of resizing column widths and to make them stay across refreshes and sessions.

• Change width manually by dragging column divider as usual
• The view name in the 'view dropdown' shows a '*' next to it, meaning it is unsaved.
• Click the view dropdown -> 'Save view as'.
• Choose a new view name, or save using the same name for overwriting the current view.

From blog post:

https://blog.ciaops.com/2018/05/12/saving-custom-columns-widths-with-sharepoint-online/

As this post on UserVoice states, it is not very discoverable / intuitive though.

https://sharepoint.uservoice.com/forums/329214-sites-and-collaboration/suggestions/33079627-column-width-resizng-should-be-more-discoverable

not a good solution as you lose the (link to edit item)

I did use this solution with some fancy Json Formatting to kind of duplicate it, but it was a bit of a huge pain.

I tried a few different ideas before I saw Sophia's response here, simply resizing and then saving the view again. I had a coworker go look at it and it saved the width for him, too. Unless for some reason it gets lost over time, that seems to be pretty great. I never saw any announcements about this rolling out and neither did my coworker, but it definitely solves a problem for us.

It is only fixed width as far as I can tell. It would be possibly helpful in some scenarios if we could say "the width of the longest item in this column", but that's not a big deal. 

Side note: I did try this JSON for a column:

In my tenant, it column width still doesn't stick when list is embedded on a page, even when a specific view is made for embedding.  From what I understand (preview) in the web part name means Microsoft are still working on this web part.  Can't recall seeing this web part mentioned in the Roadmap, so hard to know when something will be done. 

I believe that this has been resolved as I noticed a recent change in behaviour . Drag column to desired width and save view . This then appears to stick across different browsers as well .

100% agree, looking forward to a proper solution

Why does Microsoft insist on taking 1 step forward and 2 steps back. Modern style is great, except there is no ability to customize which is stupid.

Then they make the title column wide for some reason without the ability to change it.

I give 1 Vote to fix this, easiest way, and best way, give us back access to the CSS!

In saying that, I've found a (annoying) workaround.

Create a Calculated Column, make the value equal the Title value. Then update the JSON FORMATTER to make it a link if required.

Then hide the title in the view and show the calculated one in its place.

now the kicker, I couldnt figure out how to get the ID in the JSON Formatter, so I had to make a middle redirect page, which translated the Title into an ID and forwarded it to the correct place. (this step is only required if you need the title to link to edit the list item)