SharePoint Modern Column Header cuts off

Question

I have a Modern SharePoint document library that includes a column header that is slightly too long, and cuts off:

This "Date Last Declared" column is a Date and Time column. I'm able to write JSON to expand the width of the column, but it only affects the content, not the header.

Is there a way I can either expand the column to fit the header, or wrap the header?

Answer 1

You cannot format the column headers using JSON formatting in SharePoint online.

But you can manually increase the width of column header by dragging it to the right & save the library view.

For detailed steps, check: SharePoint Modern List - Increase column width with JSON Issue

---

Updates from comments:

I can re-size the column header & save the view in web part added on SharePoint page as well.

Document library: Default document library page

Library web part: library web part added on SharePoint modern page

Answer 2

If you are willing to hide the OOB column headers and create customized column headers using JSON, you can take a reference to the json code in my answer: https://docs.microsoft.com/en-us/answers/questions/386485/sharepoint-list-formatting-34hideselection34-does.html

I set hideColumnHeader to true and use rowFormatter to define a totally custom layout. Then I designed DIV in this part:

"children": [
       {
         "elmType": "div",
         "txtContent": "Title",
         "style": {
           "width": "80px"
         }
       },
       {
         "elmType": "div",
         "txtContent": "Departure",
         "style": {
           "width": "100px"
         }
       },
       {
         "elmType": "div",
         "txtContent": "Arrival",
         "style": {
           "width": "100px"
         }
       }
     ]
   },