Heatmap-tinted numeric cells
Live in demo 60-pivot-expandable.
Open the live example: Pivot - Sales pipeline (Pivot Grid)
When
Bucket cell values into red/amber/neutral/green tints based on per-column min/max.
How
Key API surface:
cellClass returns heat-1..heat-5 bucket classes
See the demo source for the full implementation; this recipe pins the pattern + the surface so you can copy-paste it confidently. The doc page that explains the underlying feature in depth is linked from the recipes index.
See also
- Demo 60-pivot-expandable source
- Demo 60-pivot-expandable prompt sidecar - drop into an LLM context window
- Recipes index
Related articles
- Conditional Formatting - Color Cells by Their Value - Four rule types, one prop - add heatmaps, data bars, icon sets, and threshold highlights to any SvGrid column without custom cell renderers.