Hi, I want to adjust column width in sharepoint 2013 libraries.
how to do?
Technology Tips and News
Hi, I want to adjust column width in sharepoint 2013 libraries.
how to do?
Hi,
You can use this procedure:
Cordialy.
Hi Prakash,
According to your description, you want to change the columns width of a library in SharePoint 2013.
In addition to the Ostefns suggestion, we can also use jquery to change the width of the column in SharePoint 2013:
1. Create a txt file containing the code below:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("TH.ms-vh2:contains('Title')").css("width", "300px"); //You can change the column to be the column you want to change the width, Title in the code for example.
});
</script>
2. Upload the txt file to a library in SharePoint.
3. Add a Content Editor in the page where the library that you want to change the width of the column exists, and then edit the web part.
4. In Content Link, type in the URL of the txt file in SharePoint, like http://server/site/library/file.txt.
Best regards.
Thanks
Hello Prakash,
You can use 3rd party solution List Booster from Sharepointalist. http://www.spbooster.com/
With best regards,
Paul Shkurikhin
Hello Prakash,
You can use 3rd party solution List Booster from Sharepointalist. http://www.spbooster.com/
With best regards,
Paul Shkurikhin
Hello Prakash,
You can use 3rd party solution List Booster from Sharepointalist. http://www.spbooster.com/
With best regards,
Paul Shkurikhin
I know this is old but if someone else runs across this thread I think this method makes more sense than all the complicated gibberish through SPD.
It involves jquery that you can either download to a local library and reference it or if you just want to try it out you can reference it like below
<!--ADJUST TABLE COLUMN WIDTH--> <script src="http;//ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"> </script> <script type="text/javascript"> $(function(){ $("div.ms-vh-div:contains('Description')").css("width", "350px");});
</script>
If you have multiple columns to modify, just repeat the line with the div. string
The field I am changing the width on above is the 'Description' field so just put you own field name in there to replace it.
Cheers