DetailsList Grouped: Allow showing cumulative data (e.g. sum) in nested group header

[harshika-kashyap]

Describe the feature that you would like added

We need to show cumulative data (e.g. sum, average, etc.) in our nested group header, which should be aligned with the columns.
Please see the example below:

Is there any way I can show the same using DetailsList Grouped control? Right now, I suppose only title is allowed in the group header, like below:

What component or utility would this be added to

DetailsList Grouped

[Ducki]

You could hook into the headers via the onRenderHeader callback. There you could calculate the sums and display them.
An example of custom group headers is in the docs of this component.

[gouttierre]

@harshika-kashyap -I’ve added this to our backlog for review but it’s low on our priority list as we’re likely not going to get to it for a while as we’re currently focused on larger coherence work items and enhancements to our performance. However, If you come up with a solution in the interim and would like to submit a PR for this request - our team will gladly review it!

[tonyhallett]

Styling needs to be resolved.
https://codepen.io/TonyH/pen/vYdZRpm

Once #23114 has been resolved the overrides fixing group nesting levels will not be required