Friday, July 27, 2018

Getting a sticky header for your modern SharePoint lists and libraries

image
Photo by Carson Arias on Unsplash.

[Update - June 2019]
The download link and code has been removed as this feature is rolling out. It's currently in TR tenants and should make it's way to GA in not too long.

----
If you have a list or library with many columns and items it becomes hard to navigate list when the header row scrolls out of view. Basically you are loosing context. Excel has had the ability to freeze the top header row for forever, and having this in modern lists and libraries would be extremely useful.

There is a user voice request for this at https://sharepoint.uservoice.com/forums/329214-sites-and-collaboration/suggestions/16077640-freeze-column-headers which you can upvote and maybe we will get it sooner rather than later.
Or………
….you can download my SharePoint Framework extension courtesy by Puzzlepart from github, which also has instructions for installing the extensions.
You may download the sppkg directly if you don’t want to build it yourself from https://github.com/Puzzlepart/spfx-solutions/blob/master/Pzl.Ext.StickyListHeader/pzl-ext-sticky-list-header.sppkg?raw=true

NOTE: This extension uses DOM manipulation to add the required CSS for the header to remain sticky. Any use is at your own risk.

Once installed and activated on your sites, you can enjoy headers regardless of how far down you scroll.