SPFx Field Customizer - Display totals for calculated columns?

%3CLINGO-SUB%20id%3D%22lingo-sub-182471%22%20slang%3D%22en-US%22%3ESPFx%20Field%20Customizer%20-%20Display%20totals%20for%20calculated%20columns%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-182471%22%20slang%3D%22en-US%22%3E%3CP%3EHello%2C%3CBR%20%2F%3Esince%20I%20found%20no%20way%20to%26nbsp%3Bemploy%20custom%20column%20formatting%20with%20JSON%2C%20I%20wanted%20to%20ask%20if%20the%20following%20is%20possible%20with%20field%20customizers%20before%20I%20dove%20deeper%20into%20this.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ECan%20a%20solution%20be%20created%26nbsp%3Bthat%20displays%20the%20sum%20of%20a%20column%20like%20this%3F%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fi.stack.imgur.com%2FB7O5r.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EExample%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI've%20not%20found%20any%20solution%20or%20code%20that%20would%20work%20in%20modern%20libraries%2C%20only%20in%20the%20old%20UX.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fsharepoint.stackexchange.com%2Fquestions%2F148496%2Fdisplaying-sum-value-of-a-column-in-some-other-place-in-the-page%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EReference%201%3C%2FA%3E%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fsharepoint.stackexchange.com%2Fquestions%2F218102%2Fjune-13th-2017-microsoft-blocked-handling-html-markup-in-sharepoint-calculated-f%2F218110%23218110%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3EReference%202%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThanks%20for%20your%20answers.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-182471%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Ecalculated%20columns%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Efield%20customizer%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ELists%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-183025%22%20slang%3D%22en-US%22%3ERe%3A%20SPFx%20Field%20Customizer%20-%20Display%20totals%20for%20calculated%20columns%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-183025%22%20slang%3D%22en-US%22%3EThanks%20for%20the%20link.%20This%20would%20be%20a%20good%20place%20to%20start%20if%20I%20already%20had%20an%20existing%20solution%20in%20place.%20Unfortunately%2C%20this%20is%20not%20the%20case.%20I%20would%20like%20to%20know%20if%20it's%20possible%20to%20create%20a%20solution%20that%20displays%20the%20sum%20of%20a%20calculated%20column.%3CBR%20%2F%3E%3CBR%20%2F%3ECustom%20column%20formatting%20with%20JSON%20is%20only%20able%20to%20target%20the%20list's%20cells%20itself%20but%20not%20the%20column%20heading.%20Field%20Customizer%20solutions%20sound%20like%20they%20would%20also%20only%20target%20the%20list%20cells.%3CBR%20%2F%3E%3CBR%20%2F%3EI%20believe%20that%20command%20sets%20extensions%20are%20not%20suitable%20for%20this%2C%20not%20sure%20about%20application%20customizer%20extensions.%3CBR%20%2F%3E%3CBR%20%2F%3EAnybody%20any%20further%20ideas%3F%3CBR%20%2F%3E%3CBR%20%2F%3EThanks.%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-182913%22%20slang%3D%22en-US%22%3ERe%3A%20SPFx%20Field%20Customizer%20-%20Display%20totals%20for%20calculated%20columns%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-182913%22%20slang%3D%22en-US%22%3E%3CP%3ECan%20you%20try%26nbsp%3B%20reference1%20cewp%20script%20to%20spfx%20using%20below%20and%20see%20if%20it%20helps.%3C%2FP%3E%3CP%3E%3CA%20href%3D%22http%3A%2F%2Fwww.markrackley.net%2F2016%2F12%2F11%2Fconverting-your-cewp-customizations-to-the-sharepoint-framework%2F%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttp%3A%2F%2Fwww.markrackley.net%2F2016%2F12%2F11%2Fconverting-your-cewp-customizations-to-the-sharepoint-framework%2F%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1025881%22%20slang%3D%22en-US%22%3ERe%3A%20SPFx%20Field%20Customizer%20-%20Display%20totals%20for%20calculated%20columns%3F%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1025881%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F37813%22%20target%3D%22_blank%22%3E%40Florian%20Hein%3C%2FA%3EAre%20there%20any%20new%20developments%3F%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EManipulating%20the%20DOM%20elements%20and%20insert%20it%20manually%20seems%20like%20a%20quite%20dirty%20idea.%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
Regular Contributor

Hello,
since I found no way to employ custom column formatting with JSON, I wanted to ask if the following is possible with field customizers before I dove deeper into this.

 

Can a solution be created that displays the sum of a column like this?

Example

 

I've not found any solution or code that would work in modern libraries, only in the old UX.

 

Reference 1

Reference 2

 

Thanks for your answers.

3 Replies
Highlighted

Can you try  reference1 cewp script to spfx using below and see if it helps.

http://www.markrackley.net/2016/12/11/converting-your-cewp-customizations-to-the-sharepoint-framewor...

Highlighted
Thanks for the link. This would be a good place to start if I already had an existing solution in place. Unfortunately, this is not the case. I would like to know if it's possible to create a solution that displays the sum of a calculated column.

Custom column formatting with JSON is only able to target the list's cells itself but not the column heading. Field Customizer solutions sound like they would also only target the list cells.

I believe that command sets extensions are not suitable for this, not sure about application customizer extensions.

Anybody any further ideas?

Thanks.
Highlighted

@Florian HeinAre there any new developments?

 

Manipulating the DOM elements and insert it manually seems like a quite dirty idea.