Table

Search all columns

KC	15
BUF	13

import { createTable, defineTable } from "@sportsdataverse/sdvtables";
import { hydrate, renderHTML } from "@sportsdataverse/sdvtables/html";

const spec = defineTable<{ team: string; wins: number }>()
  .columns((c) => [c.text("team"), c.int("wins")])
  .rowKey("team")
  .build();
const table = createTable(spec, [
  { team: "KC", wins: 15 },
  { team: "BUF", wins: 13 },
]);
table.setHover("BUF"); // a linked figure's hover, before the table is on the page
table.getHover(); // "BUF"
const root = document.createElement("div");
root.innerHTML = renderHTML(table, { fonts: false });
hydrate(root, table); // Buffalo's row gets sdvt-hover as it attaches
root;

Tags: docstring · Table. All sdvtables examples.