Adjust column width in sharepoint 2013?

Hi, I want to adjust column width in sharepoint 2013 libraries.

how to do?

December 11th, 2013 9:45am

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

December 12th, 2013 6:14am

Hello Prakash,

You can use 3rd party solution List Booster from Sharepointalist. http://www.spbooster.com/

With best regards,

Paul Shkurikhin

Free Windows Admin Tool Kit Click here and download it now
June 2nd, 2015 1:31am

Hello Prakash,

You can use 3rd party solution List Booster from Sharepointalist. http://www.spbooster.com/

With best regards,

Paul Shkurikhin


June 2nd, 2015 5:30am

Hello Prakash,

You can use 3rd party solution List Booster from Sharepointalist. http://www.spbooster.com/

With best regards,

Paul Shkurikhin


Free Windows Admin Tool Kit Click here and download it now
June 2nd, 2015 5:30am

Thanks I will take a look at this spbooster...
June 23rd, 2015 4:34pm

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

Free Windows Admin Tool Kit Click here and download it now
July 9th, 2015 4:23pm

This worked. Thank You!
July 15th, 2015 4:37pm

This topic is archived. No further replies will be accepted.

Other recent topics Other recent topics