marginalia: a column set as side notes
| Team | Wins | Losses | Starting QB |
|---|---|---|---|
![]() | 15 | 2 | Patrick Mahomes |
![]() | 11 | 6 | Justin Herbert |
![]() | 10 | 7 | Bo Nix |
![]() | 4 | 13 | Gardner Minshew |
![]() | 13 | 4 | Josh Allen |
![]() | 8 | 9 | Tua Tagovailoa |
![]() | 5 | 12 | Aaron Rodgers |
![]() | 4 | 13 | Drake Maye |
import { STANDINGS, type Standing } from "@sportsdataverse/examples/data";
import { defineTable } from "@sportsdataverse/sdvtables";
import { renderHTMLAsync } from "@sportsdataverse/sdvtables/html";
const spec = defineTable<Standing>()
.columns((c) => [c.logo("team", { league: "nfl" }), c.int("wins"), c.int("losses"), c.text("qb")])
.marginalia(["qb"], { label: "Starting QB", width: 160 })
.title("AFC, 2024")
.build();
await renderHTMLAsync(spec, STANDINGS);
Tags: decoration · marginalia · gt_marginalia. All sdvtables examples.







