Rendering and styling recipes

Overview

This section collects recipes that focus on how the grid is laid out and how cells look. You can use these patterns for pinned summaries, inline graphics, and visual tweaks without adding heavy charting libraries.

Getting started

If you are new to fixed rows, read the Row freezing guide for fixedRowsTop and fixedRowsBottom before you add a custom summary row.

Available recipes

• Frozen summary row - pinned bottom row with sum, average, and count that updates on edits
• Sparkline cell renderer - mini SVG bar charts from array values in a cell
• Conditional row coloring - map a status column to row-level CSS classes with the cells callback and scoped styles

Each recipe includes runnable examples you can copy into your project.