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:

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

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 then save the view!

resize columns in sharepoint online list view

Salaudeen Rajack

Salaudeen Rajack is a SharePoint Architect with Two decades of SharePoint Experience. He loves sharing his knowledge and experiences with the SharePoint community, through his real-world articles!

3 thoughts on “Change Column Width in SharePoint List View

  • Thank you. Simple and worked like a charm.

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

    Reply

Leave a Reply