headshot: player headshots from ESPN ids
| Quarterback | Team | |
|---|---|---|
![]() | Patrick Mahomes | KC |
![]() | Justin Herbert | LAC |
![]() | Bo Nix | DEN |
![]() | Gardner Minshew | LV |
![]() | Josh Allen | BUF |
![]() | Tua Tagovailoa | MIA |
![]() | Aaron Rodgers | NYJ |
![]() | Drake Maye | NE |
import { STANDINGS, type Standing } from "@sportsdataverse/examples/data";
import { defineTable } from "@sportsdataverse/sdvtables";
import { renderHTMLAsync } from "@sportsdataverse/sdvtables/html";
// ESPN headshot URLs are built from the id alone: no shard to load.
const spec = defineTable<Standing>()
.columns((c) => [
c.headshot("qb_espn_id", { league: "nfl", label: "" }),
c.text("qb", { label: "Quarterback" }),
c.text("team"),
])
.title("AFC starting quarterbacks, 2024")
.build();
await renderHTMLAsync(spec, STANDINGS);
Tags: kind · headshot · gt_sdv_headshots · reactable_sdv_headshots · nfl. All sdvtables examples.







