純前端表格控制元件SpreadJS新手入門指南 - 單元格格式

SpreadJS官方最新版免費下載試用,歷史版本下載,線上文件和幫助檔案下載-慧都網

SpreadJS可以為每個單元格設定不同的格式,常用的有時間格式、數字格式,當原始資料不是我們想要的樣子,可以透過setFormatter方法設定格式。下圖輸入框中輸入日期時間,數字,點選下圖中的設定格式按鈕,可以在展示列生成加入對應格式後的展示效果:

純前端表格控制元件SpreadJS新手入門指南 - 單元格格式

自定義格式

如果建立一套有特殊規則的格式,例如下圖中的餘額列,餘額為負數的時候顯示紅色,0-1000為黃色、1000以上為綠色,對於這樣的需求可以使用自定義格式,效果如下圖所示:

純前端表格控制元件SpreadJS新手入門指南 - 單元格格式

會計專用格式

SpreadJS支援會計專用格式,以滿足日常的財務需要,最為常用的是數字格式化,為數字設定貨幣符號如人民幣符號‘¥’,美元符號‘$’,保留確定位數的小數位等。對於會計專業會使用到的:新增空格、重複字元、千分符與數值縮放、百分數、數字佔位符等可以使用下圖中展示的方式來設定:

純前端表格控制元件SpreadJS新手入門指南 - 單元格格式

SpreadJS

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

本文轉載自葡萄城