Skip to main content

borderGrid: vertical rules between columns

AFC, 2024
TeamWinsLossesPF
152385
116402
107425
413309
134525
89345
512338
413289
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.