Forum Discussion

Tiffany_Jo's avatar
Tiffany_Jo
Brass Contributor
Oct 18, 2019
Solved

Customize the width of column in share point

Hi

I would like to confirm if there is any way to customize the width of column in share point list that display by using Classic experience.

 

Not using Designer, it will be better if I could realize that by editing the JSON of column.

SharePoint Online
  • Tiffany_Jo's avatar
    Tiffany_Jo
    Oct 18, 2019

    Tiffany_Jo 

    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>



  • Tiffany_Jo's avatar
    Tiffany_Jo
    Brass Contributor
    Oct 18, 2019

    Tiffany_Jo 

    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>



Resources