Change Column Width in SharePoint List View

Requirement: Adjust column width in SharePoint list view.

In many cases, the default column width in a SharePoint list view is too wide or too narrow. This can be frustrating if you need to scroll to the right to see all of the data in a column or if the column takes up too much screen real estate. This blog post will show you how to change the column width in SharePoint list views.

sharepoint online view column width

Say, you want to change the column width of the “Project Description” column.

How to Adjust Column Width in SharePoint?

In SharePoint, you can change the column width for each list view to suit your needs. To change column width in a SharePoint list, do the following:

  1. Navigate to the Site >> Click on Site Settings gear >> Edit Page
  2. Add Web Part >> Insert “Script Editor” Web Part
  3. Edit Snippet and Insert the below Style in it.
.ms-vh-div[DisplayName='Project Description']
    width : 700px !important;

And the result:
adjust column width sharepoint list view
This increases column width in the list view!

Resize columns in Modern SharePoint Online List view

Resizing column width in modern SharePoint Online lists is simple! Just resize the column by moving the horizontal resizer and save the view!

resize columns in sharepoint online list view

Salaudeen Rajack

Salaudeen Rajack - SharePoint Expert with Two decades of SharePoint Experience. Love to Share my knowledge and experience with the SharePoint community, through real-time articles!

6 thoughts on “Change Column Width in SharePoint List View

  • Doesn’t seem to work for Microsoft Edge browser and works for Internet Explorer mode for SharePoint 2016.

  • hi, is there a way to do this programmatically? I have about 4000 libraries where I would like to set a default Name column width

  • Is there a similar setting for row height? Thnaks!

  • Thank you. Simple and worked like a charm.

  • Not working for me, I am using Sharpoint 2013.


Leave a Reply

Your email address will not be published. Required fields are marked *