Change Column Width in SharePoint List View

Requirement: Adjust column width in SharePoint list view

sharepoint online view column width

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

How to Adjust Column Width in SharePoint?

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 listview!

Salaudeen Rajack

Information Technology Professional with Two decades of SharePoint Experience.

3 thoughts on “Change Column Width in SharePoint List View

  • February 23, 2021 at 9:52 PM

    Thank you. Simple and worked like a charm.

    Reply
  • January 23, 2020 at 5:09 AM

    Not working for me, I am using Sharpoint 2013.

    Reply

Leave a Reply