Contents
Freeze columns and rows to keep them in view while you scroll through your data.
- Select the cell below the rows, and to the right of the columns you want to freeze.
- Click View > Freeze Panes > Freeze Panes.
How do I wrap a column header in SharePoint?
✔️ How to wrap long text values in SharePoint Modern experience for custom list
- Navigate to your modern SharePoint list view.
- Click on the column name.
- Click Column Settings.
- Click Format this column.
- A pane will open from right side of screen with title ‘Format [Column Name] column’.
Wrap text automatically On the Home tab, in the Alignment group, click Wrap Text. (On Excel for desktop, you can also select the cell, and then press Alt + H + W.) Notes: Data in the cell wraps to fit the column width, so if you change the column width, data wrapping adjusts automatically.
Is it possible to freeze headers in SharePoint list view?
No. Freezing column headers in SharePoint list view is not possible using out of the box functionalities in SharePoint. This concern is raised on SharePoint uservoice also. But it is not resolved yet, Freeze column header. However this can be done using the custom javascript coding, maybe using jquery framework (Which you already know).
Once we implement the jQuery code we will have a fixed list view header row in SharePoint 2016/2013/Online. If you have more items in a list view then scroll will appear and once you scroll below then header column disappears like below in SharePoint.
What do the headers look like in SharePoint?
Regular SharePoint view headers look like this – plain and fixed in location. But with these floating headers, as soon as you scroll down far enough for the standard headers to roll off the page, they will pop up, as shown here. They remain visible until you scroll back to the top of the list when the standard headers are back on the screen.
Go to Site Settings, then Edit Page. Add the Document Library which contains our data. Now let’s add Content Editor Web Part from the Media and Content Section. Click on Edit Source. Add the reference to the JS Script we have uploaded into SharePoint.