SharePoint 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.

Solution:

  • 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.

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

and the result:
adjust column width sharepoint list view


posted @ 2020-07-07 09:46  Javi  阅读(243)  评论(0编辑  收藏  举报