Skip to main content

groupStripes: every other group shaded

AFC, 2024
TeamQbWinsLosses
West
Patrick Mahomes152
Justin Herbert116
Bo Nix107
Gardner Minshew413
East
Josh Allen134
Tua Tagovailoa89
Aaron Rodgers512
Drake Maye413
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.text("qb"), c.int("wins"), c.int("losses")])
.groupBy("division")
.groupStripes({ color: "#EEF3FA", start: 1 })
.title("AFC, 2024")
.build();
await renderHTMLAsync(spec, STANDINGS);

Tags: decoration · groupStripes · gt_group_stripes. All sdvtables examples.