teamColorBar: a bar in the team colour
| Team | Qb | Wins |
|---|---|---|
| KC | Patrick Mahomes | 15 |
| LAC | Justin Herbert | 11 |
| DEN | Bo Nix | 10 |
| LV | Gardner Minshew | 4 |
| BUF | Josh Allen | 13 |
| MIA | Tua Tagovailoa | 8 |
| NYJ | Aaron Rodgers | 5 |
| NE | Drake Maye | 4 |
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.teamColorBar("team", { league: "nfl", barWidth: 6 }), c.text("qb"), c.int("wins")])
.title("AFC, 2024")
.build();
await renderHTMLAsync(spec, STANDINGS);
Tags: kind · teamColorBar · reactable_sdv_team_color_bar · nfl. All sdvtables examples.