Published
Edited
Jun 4, 2020
Insert cell
md`# @hpcc-js/dgrid`
Insert cell
columns = ["Hello", "Welcome"]
Insert cell
data = [
["aaa", 42, {some:"payload"}],
["bbb", 43, {some:"payload2"}]
];
Insert cell
viewof table = {
const div = html`<div style="height:640px"></div>`;
div.value = {};
yield div;
new hpccGrid.Table()
.target(div)
.columns(columns)
.data(data)
.on("click", (row, col, sel) => {
div.value = sel ? row : {};
div.dispatchEvent(new CustomEvent("input"));
})
.lazyRender();
}
Insert cell
Insert cell
hpccGrid = require("@hpcc-js/dgrid");
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more