SharePoint list column header to wordwrap

Question

Hi,

I have couple of columns name in Sharepoint list are very long and the column title is cut off as the content is very short under each column.

I tried some of the options as listed below but none of them work. For your reference I am using modern Sharepoint Online version.

1. adding following <style> to Sharepoint Designer -> allItems.aspx file in the ContentPlaceHolder . this style format the entire view of the my SP list view and it not wordwrapping the title.

1.

Also tried with JSON code as well as shown below. This code I entered in individual column setting

{

 "$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",

 "elmType": "headertext_*",

 "style":{

       "white-space":"normal"

 },

 "txtContent": "[$Title]"

}

Please suggest me If I make any mistake on these option and is there any other way I can wordwrap all my columns header that has many characters.

Thank you so much for your reply in advance!

Answer 1

Hi @Kena Mistry，The <style> you added in SPD doesn't work on SharePoint modern page, It will only work on classic page. As per my understanding, currently you cannot format SharePoint default Title column. You could only use the following customRowAction available & supported in JSON formatting.

Documentation: SharePoint JSON Formatting - customRowAction

As a workaround, you could manually increase the width of column header by dragging it to the right & save the library view.

Since it turns out to be a by-design one. And I noticed that some end users have also proposed the same request. It is highly recommended that you could raise a ticket on feedback. And I will vote up the ticket for you. Many features of our current products are designed and upgraded based on customers’ feedback. Thanks for your understanding.

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.