Is there a way to get column headers to wordwrap in SharePoint lists?

Question

My column header needs to be quite long, but the content of the column is only a few pixels wide, so loads of white space and horizontal scrolling required to see the rest of the content.

Any ideas?

Answer 1

You can use SharePoint Designer to edit the AllItems.aspx view on this list. Insert this style inside the content place holder:

<style type= "text/css"> 
  .ms-vh2 {white-space: normal} 
</style>

This will override the style for the column headers which is set to white-space: nowrap

Answer 2

There is also a way to wrap the columns individually using JavaScript by removing the nowrap attribute from the column header.

See Wrap ListViewWebPart Column Headers for more info (shameless link to my blog).