How to change column width in SharePoint 365

Question

I have create an issue list and when I add values in particular field it does not display information adequately. The column width is too small. It barely fits one or two words max. I want to widen the size of columns. Can anyone please suggest anything will really appreciate.

Many thanks

Answer 1

Try to add the below style at a content editor or script editor in your list page

For All columns within list view

<style>
.ms-vh-div
{
width : 1000px !important; // set the width as you need
}

</style>

For Specific column

<style>
.ms-vh-div [DisplayName='<Title>']
{
width : 1000px !important;
}

</style>

To get the DisplayName

click F12 to open developer tools > and check the column that you need to set its width and at DisplayName attribute get this value and put it at DisplayName above.

Output

Answer 2

You can also use javascript instead of css:

_spBodyOnLoadFunctionNames.push("AdjustColumnWidth");

function AdjustColumnWidth(){
    $("div.ms-vh-div[DisplayName='Comment']").attr("style", "WIDTH: 400px");
    $("div.ms-vh-div[DisplayName='Status']").attr("style", "WIDTH: 110px");
    $("div.ms-vh-div[DisplayName='Title']").attr("style", "WIDTH: 75px");
}

So it is basically the same. I just wonder if one solution is better than the other?

Answer 3

<style>
.ms-vh-div[DisplayName='Description']
{
width : 500px;
}
.ms-vh-div[DisplayName='Client']
{
width : 200px;
}
.ms-vh-div[DisplayName='Project Type']
{
width : 200px;
}
.ms-vh-div[DisplayName='Project Name']
{
width : 200px;
}

</style>

Answer 4

I also had trouble getting the individual column script to work too. I discovered there should be no space between div[DisplayName...

Also remove<> so the script looks like

<style>

.ms-vh-div[DisplayName='Program List']
{
width : 500px !important; // set the width as you need
}

</style>

Where "Program List" in the above is my column name, and should be changed to match your column name, and the pixel length can be adjusted to meet your needs as well.

I'm using SharePoint Server 2013.