How to Adjust Column Width in SharePoint List View?

Requirement: Adjust SharePoint column width in list view.

To change column width in SharePoint, There are two options:

  1. Set column width using SharePoint Designer
  2. Change SharePoint column width using jQuery, as below:
sharepoint change column width jquery

To set width of column in SharePoint 2007, place the below code in CEWP, place it below list view web part and hide it!

<script src="" type="text/javascript"></script>

<script type="text/javascript">
   $("'Reason')").css("width", "150px");

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!

Leave a Reply