Thursday, January 1, 2009

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="http://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>



You might also like:
SharePoint Usage Reports
Usage reports, collaboration and audit for SharePoint.
Document SharePoint Farm
Automatically generate SharePoint documentation.
*Sponsored


Check out these SharePoint products:

No comments :

Post a Comment

Please Login and comment to get your questions answered!

You might also like:

Related Posts Plugin for WordPress, Blogger...