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.

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.

<style>
.ms-vh-div[DisplayName='Project Description']
{
    width : 700px !important;
}
</style>

And the result:

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!