Skip to main content

Create a spreadsheet

It's just like excel, but without all the useful parts.

import canvasDatagrid from 'canvas-datagrid';
import createData from '/create-data';

const app = document.getElementById('app');
const gridElement = document.createElement('div');
const grid = canvasDatagrid({
  parentNode: gridElement,
  data: createData();
});

app.append(gridElement);

grid.attributes.columnHeaderClickBehavior = 'select';
grid.style.columnHeaderCellHorizontalAlignment = 'center';
grid.style.height = '300px';
grid.style.width = '100%';