簡要介紹

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

});