SharePoint List Formatting for Grouped Views

Happy 20th Anniversary SharePoint! 🍰 In this video, I show the brand NEW SharePoint List Formatting for Grouped Views functionality! You can use this to apply custom styling to the group headers and footers of your SharePoint lists. I show you real life use cases using the Microsoft Lists Asset Manager Template.

🔗 Links 🔗

✅ Download the samples used in the video here: https://github.com/aprildunnam/ListFormatting

✅ Find other SharePoint List Formatting samples here: https://github.com/pnp/sp-dev-list-formatting

✅ Check out the Office UI Fabric site for cool icons: https://uifabricicons.azurewebsites.net/

Table of Contents:

00:00 – Intro
00:43 – What is SharePoint List Formatting?
02:36 – SharePoint Lists vs Microsoft Lists
03:19 – Out of the Box Group Demo
04:30 – Demo: Format Group Headers
10:46 – Demo: Formatting Group Footers (Totals)
14:43 – Demo: Format the Total Aggregate Footer
15:33 – Wrap up

2 thoughts on “SharePoint List Formatting for Grouped Views”

  1. HI April – great demo!
    Have you tried to create a formatted group – but the grouping uses values from a column formatting (JSON that sets the values – in other words, the view is not grouped from values in the column)? I want to be able to group not by fieldData, but by the rendered JSON’ified column formatted data – I hope it’s possible now – but love to hear if you’ve been able to do that.

  2. Thanks for this (on formatting group headers).
    I am finding however that they are very glitchy. If any filters are applied (which is default for my views) the headers all appear blank. If I clear the filters, they appear as expected – most of the time.
    Any thoughts as to why this might be?

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top