SpreadJS 是一款基于 HTML5 的純前端電子表格控件，兼容 450 種以上的 Excel 公式，憑借其 “高性能、跨平臺、與 Excel 高度兼容”的產品特性，備受以華為、蘇寧易購、天弘基金等為代表的企業用戶青睞。SpreadJS 為用戶帶來親切的 Excel 使用體驗的同時，滿足 Web Excel 組件開發、表格文檔協同編輯、數據填報、Excel 類報表設計等業務場景，極大降低了企業研發成本和項目交付風險。

點擊獲取SpreadJS官方正式版

今天學習SpreadJS表單的相關屬性，初始化表單。

點擊按鈕，可新增、刪除、清空表單：

邊框網格線

可控制是否顯示網格線及設置各種邊框的樣式：

隱藏與顯示

控制隱藏顯示：sheet.visible(false)

點擊隱藏顯示按鈕可依次隱藏顯示表單。

縮放

該方法可控制縮放：sheet.zoom(number)，number的值0-1之間會縮小，1以上會放大。

行頭與列頭

可以對行頭列頭的樣式進行自定義，比如增加行頭，合并行頭單元格，設置寬度等等，還可控制是否顯示行頭列頭，行標列表可設定為 空、數字、字母。

合并單元格

sheet.addSpan() 該方法可以合并單元格：

也可設定運允許用戶拖拽合并單元格：

凍結行列

SpreadJS可以控制凍結行列，上圖中的紅線為凍結線，凍結線樣式可設定顏色：sheet.options.frozenlineColor = 'red'

獲取與設置數據

操作數據相關方法：

setText，getText,copyTo,moveTo,clear
// 行索引5 列索引4 的內容 復制到 行索引6，列索引5，復制2行1列
sheet.copyTo(5, 4, 6, 5, 2, 1, spreadNS.CopyToOptions.all);

SpreadJS | 下載試用

純前端表格控件SpreadJS，兼容 450 種以上的 Excel 公式，具備“高性能、跨平臺、與 Excel 高度兼容”的產品特性，備受華為、蘇寧易購、天弘基金等行業龍頭企業的青睞，并被中國軟件行業協會認定為“中國優秀軟件產品”。SpreadJS 可為用戶提供類 Excel 的功能，滿足表格文檔協同編輯、 數據填報、 類 Excel 報表設計等業務場景需求，極大的降低企業研發成本和項目交付風險。

本文轉載自