JSON Column width

New Contributor

Hello SharePoint Forum,

Hoping you can help with a question Regarding JSON formatting. I’ve got a list with two columns: a single field and a multi-text line that I’m hoping to better format.

The issue: In my list (and consequently my page), for new users that haven’t visited the site, the column width isn’t automatically moving it over as far as it could (like by a lot…)

I’ve played around with the JSON and have tried width, but it doesn’t seem to actually move the width over. I have to physically drag it over, and then it seems to work – but I don’t want to make each user do that.

Anybody been successful doing getting the width of the column to be larger? I’m not a coder, so less is more for a solution. Thanks,

6 Replies



You can adjust the width of a column by dragging it and saving the view.

Appreciate the response -- @Matti Paukkonen - that works for me on my machine (and in that one broswer), but it's not working in a different browser or for my other users. 





This also isn't working. 


"$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
"elmType": "div",
"txtContent": "@currentField",
"style": {
"width": "100%",
"font-size": "1.2em"



I got it working with different browsers on my machine (Edge Chromium/Chrome/Firefox). I'll try this one out with my colleague tomorrow.



This works also with my colleague.


In list I just save view with the same name after changing column width.

Annotation 2020-07-30 181103.png


List view web part also shows it correctly.



I have tried both and it is not working in my tenant.
Is there any sort of class we can try with JSON?
Can you please attempt this again where you drag, save the view and have a different user/browser/session test to see that your changes are shown for everyone?

I cannot get this to work and would like to know if there's another way to do it.