wolf-table

A web-based(canvas) JavaScript Table

Demo

Open in StackblitzPreview in browser

NPM

npm install

npm install @wolf-table/table@0.0.1

Usage

import'@wolf-table/table/dist/table.min.css';importTablefrom"@wolf-table/table";constt=Table.create('#table',()=>1400,()=>600,{scrollable: true,resizable: true,selectable: true,editable: true,copyable: true,}).freeze('D5').merge('F10:G11').merge('I10:K11').addBorder('E8:L12','all','medium','#21ba45').formulaParser((v)=>`${v}-formula`).data({styles: [{bold: true,strikethrough: true,color: '#21ba45',italic: true,align: 'center',fontSize: 12},],cells: [[0,0,'abc'],[1,1,100],[2,6,{value: 'formua',style: 0}],[9,5,{value: '',formula: '=sum(A1:A10)'}],],}).render();// add styleconstsi=t.addStyle({bold: true,italic: true,underline: true,color: '#1b1c1d',});// set cellt.cell(2,2,{value: 'set-value',style: si}).render();// get cellconsole.log('cell[2,2]:',t.cell(2,2));

Development

git clone https://github.com/wolf-table/table.git
cd table
npm install
npm run dev

Open your browser and visit http://127.0.0.1:8080.

Browser Support

Modern browsers(chrome, firefox, Safari).

LICENSE

MIT

Copyright (c) 2022-present, myliang