SharePoint 2010, how to change column width in list view

SharePoint Asked by J. Osborn on December 28, 2021

I have a list that involves an item description of a few sentences. This makes each item take up a lot of vertical space on the page when someone views the list in a browser. I can’t figure out how to edit the column width so it is more sensibly sized to hold a small paragraph. I tried going into the SP designer, to the list, to the view, to design mode, changing the width manually by clicking and dragging, and saving. However, it doesn’t update the list when I go to the page and view it in a browser. How can I make this work? Thanks!

2 Answers

Work this CSS into your page:

/* ListView - make Description fields a maximum width and height, and show full text on mouseover*/
/*.ms-itmhover is the TR row*/
.ms-vb2  .ms-rtestate-field{
.ms-vb2  .ms-rtestate-field:hover{

Answered by Danny '365CSI' Engelman on December 28, 2021

You can add a content editor web part to your view page with a content link to a css file containing:

<style> div[dir='']{

This will only work if you only have one field on the page that's multiple lines of text (or if you have multiples but you're fine with all of them being the same width).

Answered by Erin L on December 28, 2021

Add your own answers!

Related Questions

Replace Source query string value without redirecting

1  Asked on November 28, 2021 by leonidasfett


Workflow on Survey list not starting?

2  Asked on November 25, 2021 by dylan-cristy


Sharepoint Foundation 2013: single cpu

1  Asked on November 25, 2021 by woef


Double click on ribbon save button

1  Asked on November 23, 2021 by jonata-ornelli


Imported Excel Spreadsheet not Filtering Column

1  Asked on November 23, 2021 by bhav


Ask a Question

Get help from others!

© 2023 All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP