borderGrid: vertical rules between columns
| Team | Wins | Losses | PF |
|---|---|---|---|
![]() | 15 | 2 | 385 |
![]() | 11 | 6 | 402 |
![]() | 10 | 7 | 425 |
![]() | 4 | 13 | 309 |
![]() | 13 | 4 | 525 |
![]() | 8 | 9 | 345 |
![]() | 5 | 12 | 338 |
![]() | 4 | 13 | 289 |
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.int("wins"),
c.int("losses"),
c.int("pf", { label: "PF" }),
])
.borderGrid({ color: "#C8C8C8", includeLabels: true })
.title("AFC, 2024")
.build();
await renderHTMLAsync(spec, STANDINGS);
Tags: decoration · borderGrid · gt_border_grid. All sdvtables examples.







