免费开源在线Excel,纯前端表格控件功能布局与 Excel 高度类似,类似西安葡萄城spreadJs的前端控件-x-spread-sheet(基于vue,后续会再出react的教程)

一、先来一张效果图

演示图片

 二、使用方式

1、引入组件

cnpm install --save  x-data-spreadsheet

或者

npm install --save  x-data-spreadsheet

 2、在代码中使用

<div id="x-spreadsheet-demo"></div>
import Spreadsheet from "x-data-spreadsheet";
// If you need to override the default options, you can set the override
// const options = {};
// new Spreadsheet('#x-spreadsheet-demo', options);
const s = new Spreadsheet("#x-s