The sample rows every table example uses
| team | conf | division | wins | losses | ties | pf | pa | net_epa | srs_rank | qb | qb_espn_id | result_last |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| KC | AFC | West | 15 | 2 | 0 | 385 | 326 | 0.063 | 10 | Patrick Mahomes | 3139477 | L |
| LAC | AFC | West | 11 | 6 | 0 | 402 | 301 | 0.101 | 9 | Justin Herbert | 4038941 | W |
| DEN | AFC | West | 10 | 7 | 0 | 425 | 311 | 0.108 | 8 | Bo Nix | 4426338 | W |
| LV | AFC | West | 4 | 13 | 0 | 309 | 434 | -0.146 | 26 | Gardner Minshew | 4038524 | L |
| BUF | AFC | East | 13 | 4 | 0 | 525 | 368 | 0.19 | 4 | Josh Allen | 3918298 | L |
| MIA | AFC | East | 8 | 9 | 0 | 345 | 364 | -0.019 | 21 | Tua Tagovailoa | 4241479 | L |
| NYJ | AFC | East | 5 | 12 | 0 | 338 | 404 | -0.045 | 24 | Aaron Rodgers | 8439 | W |
| NE | AFC | East | 4 | 13 | 0 | 289 | 417 | 29 | Drake Maye | 4431452 | W | |
| import { STANDINGS } from "@sportsdataverse/examples/data" | ||||||||||||
import { STANDINGS, type Standing } from "@sportsdataverse/examples/data";
import { defineTable } from "@sportsdataverse/sdvtables";
import { renderHTMLAsync } from "@sportsdataverse/sdvtables/html";
// One text column per field, labelled with the field name, so the page shows the rows exactly as stored.
const fields = Object.keys(STANDINGS[0] ?? {}) as (keyof Standing)[];
const spec = defineTable<Standing>()
.columns((c) => fields.map((k) => c.text(k, { label: k })))
.title("STANDINGS: eight AFC teams, 2024 regular season")
.sourceNote('import { STANDINGS } from "@sportsdataverse/examples/data"')
.build();
await renderHTMLAsync(spec, STANDINGS);
Tags: table · STANDINGS · sample data · nfl. All sdvtables examples.