In this post, I will be discussing about changing width of list column.
SharePoint auto calculate the column width depends on the content at time of rendering the page.
Here I am taking an example of list column with very long header.
- Open your view/AllItems.aspx in SharePoint Designer.
- Get cursor to your column in design mode and drag it to desired width you want.
- Delete Nowrap=’Nowrap’ for this column and add below highlighted style.
This is how the fixed width column will render:
Hope that helps…!!
Pingback: SharePoint 2010: Recopilatorio de enlaces interesantes (X)! « Pasión por la tecnología…
Pingback: SharePoint 2010: Recopilatorio de enlaces interesantes (X)! - Blog del CIIN
Pingback: SharePoint 2010: How to change width of list column « Aanu's Blog : Blogoogler.com
Thanks for this information. I wonder if you might also know how I can force multi-line headings. I’m a newbie so this might be a stupid question. I have several columns that have long descriptions that would look much nicer if I could break it into 2 or 3 lines – like I do in Excel with the ALT-Enter key.
Thanks again,
Lonnie
Hi Aanu,
I have created couple of views for list on filters. Now I want to modify the style of view like
1) make header text heading bold and give some background.
2) I want to hide the sort menu which appears with header headings.
Would you like to tell me how can I do these things.
Thank you so much for the code above which I have now got working OK in the preview in Sharepoint Designer
However, when I try loading the view in IE8 or Firefox, every modification I have made to customise the view works APART from the custom column widths and header wrapping !
Is there anything else I need to fix ?
followed the steps you mentioned for two different column types (calculated and multiple lines of text) under two different lists but the result is not getting reflected as intended. Please help.
Good Post. However I am not able to see my changes in Internet Explorer after I update the code in Designer.
Same here. Changes visible in Designer but not on in IE.
Hi, just set style=” white-space:normal; min-width:150px; “. This works in IE but not in Sharepoint Designer. But this is what we want.
Thanks George, that works.
Thanks you so much, i tried annu’s code it dint work but i after that i tried putting min width stuff and it worked. But i have to thanks ANNU.
Thank you for making our life easy.
Thanks so much Aanu. I originally had the same issue others are having, where this works in Designer, but not the browser (I tried IE and FireFox). I opened the code in advanced mode, and copied it all into Dreamweaver (only because I like Dreamweaver). I changed the overall table from the default 100% to 1200 pixels (1″ = 100px approx).
After doing that – in Designer, while editing in advanced mode, click on the column title, and simply enter a bunch of spaces with the space bar The space added will reflect in the browser.
Pingback: SharePoint. Как изменить ширину колонки в листе | Скрипты
Thanks for this information. Your post has helped with my job. I described your idea on my site
Simple changes like this are why people hate Sharepoint.
Ditto that!!!
Pingback: Sharepoint custom column width
I had tried the steps you had mentioned but still I am unable to get success in my attempt to resize list columns.
Thank you. This worked out great!
A different approach is to use the same techniques for customising the appearance of a column using XSLT.
If you create an xlst file and deploy it to C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\XSL. The name of the file is not relevant – I called it fldtypes_[name].xsl.
The template is copied from the fldtypes.xsl SharePoint file and is a section which targets the column header. The copied section is changed so that it only matches the name of the specific column (the @Name = ‘Flag’) and the specific width is specified in the ‘th’ element (50px) in this instance.
This is a nice way to do it as you can include this in a solution with the file in a mapped sharepoint folder.
ms-vh
ms-vh2
number
x:string