Skip to main content

renderHTMLAsync: prepare and render in one call

AFC, 2024
TeamQBWinsLosses
3139477Patrick Mahomes152
4038941Justin Herbert116
4426338Bo Nix107
4038524Gardner Minshew413
3918298Josh Allen134
4241479Tua Tagovailoa89
8439Aaron Rodgers512
4431452Drake Maye413
import { STANDINGS, type Standing } from "@sportsdataverse/examples/data";
import { defineTable } from "@sportsdataverse/sdvtables";
import { renderHTMLAsync } from "@sportsdataverse/sdvtables/html";

// renderHTMLAsync(spec, rows) is await prepare(spec) then renderHTML(spec, rows): use it where you can await.
const spec = defineTable<Standing>()
.columns((c) => [
c.logo("team", { league: "nfl", includeName: true }),
c.headshot("qb_espn_id", { league: "nfl", label: "QB" }),
c.text("qb", { label: "" }),
c.int("wins"),
c.int("losses"),
])
.title("AFC, 2024")
.build();
await renderHTMLAsync(spec, STANDINGS);

Tags: table · renderHTMLAsync · prepare · nfl. All sdvtables examples.