简要介绍

handsontable是一款使用起来像极了Excel的类库。它在github上有着惊人的14.7k颗星，足见其受欢迎程度。它支持React、Vue、Angulard的主流框架。它的电子表格功能用起来就跟Excel一模一样。它可以设置标题、嵌套标题、合并单元格、多列排序、导出CSV等细微的功能。我猜想，把它用在远程办公的领域是非常合适的。相信对前端开发人员会有一些启发。

Github地址

https://github.com/handsontable/handsontable

安装

npm install handsontable

效果

<div id="example"></div>

import Handsontable from "handsontable";

import 'handsontable/dist/handsontable.full.css';

const data = [

['', 'Tesla', 'Volvo', 'Toyota', 'Ford'],

['2019', 10, 11, 12, 13],

['2020', 20, 11, 14, 13],

['2021', 30, 15, 12, 13]

];

const container = document.getElementById('example');

const hot = new Handsontable(container, {

data: data,

rowHeaders: true,

colHeaders: true

});