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="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
   $("TH.ms-vh2-nograd:contains('Reason')").css("width", "150px");
});
</script>

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