SpreadJS V13.0發佈，聚焦表單設計與數據交互，讓您的工做效率日新月異！

純前端表格控件SpreadJS，是一款成功應用於華爲、招商銀行、天弘基金、蘇寧易購等國內外知名企業的前端開發工具，其帶來的價值不只體如今幫助開發人員在其Web應用程序中快速構建 Web Excel 、數據填報、在線文檔、圖表公式聯動和類 Excel UI 設計等功能模塊，更幫助企業大幅下降數據處理成本，提高企業信息化水平和項目交付能力。

伴隨着SpreadJS V13.0 的發佈，其表單設計與數據交互能力再度加強，產品易用性和數據處理效率大幅提高。

此前的每一次升級，都能給予用戶無限驚喜，這一次，SpreadJS 又將帶來哪些全新功能和產品易用性提高呢？小編整理出了11個，用好這些功能，必定可讓您的工做效率日新月異！

在列舉純前端表格控件 SpreadJS V13.0 的新特性以前，請下載最新安裝程序，以便同步體驗！>>純前端表格控件 SpreadJS V13.0 下載地址

1、追求極致的單元格特性

單元格狀態：Cell States

在 SpreadJS V13.0 中，單元格包含如下五種狀態，分別是：Normal（正常狀態）、Hover（浮動狀態）、Invalid（保護狀態）、ReadOnly（只讀狀態）和 Edit（編輯狀態）。用戶不只能夠更爲精確地獲取單元格項目和當前狀態，還能夠經過數據綁定、判斷單元格狀態等，快速定位、查找、編輯、鎖定、篩選單元格的值。

新單元格類型：選擇框、單選列表、下拉列表、按鈕等

在 SpreadJS V13.0 中，新增了13種全新的單元格類型，如選擇框、單選列表、下拉列表、按鈕等：

2、表格 API 加強：表格樣式按需修改、高度開放自定製

用戶使用 SpreadJS 建立表單和管理數據，將得到史無前例的操縱體驗。經過調用 SpreadJS 提供的 API 接口，用戶能夠在運行時和設計時兩種狀態下，完成如下操做：

• 添加行/添加列
• 刪除行/刪除列
• 在表格中獲取插入行、刪除行、髒數據
• 將 Excel 錶轉換爲數據範圍

3、表格 UI 交互加強：全方位分析表格數據，順利完成先後端交互

表格數據交互，做爲用戶界面設計中不容忽視的重要組成部分，其目的是經過構造結構化數據，讓用戶更易讀取、更易比較。

SpreadJS 做爲一款純前端電子表格控件，充分考慮到了這一應用場景，並全面加強了表格數據交互分析能力，其功能具體體如今：

• 自動擴展 Auto Expand：input / copy-cut & paste / dragfill / dragdrop
• 調整大小手柄 Resize Handler
• 滾動時表頭顯示 Show Header when Scroll
• 更方便的表格選擇 Selection
• 更智能的表格導航 Navigation
• 滾動時在列標題上顯示錶標題

4、表格數據綁定加強：支持更多列屬性字段

SpreadJS V13.0 的表格數據綁定將支持更多列屬性字段，這樣作的好處是：用戶在進行表格數據綁定時，更得到比此前更豐富的屬性支持，如格式化、單元格類型、值（值轉換函數）等。

SpreadJS 工做簿數據綁定支持如下屬性：

• 名稱
• 格式化
• 單元格類型
• 值（值轉換函數）
• 寬度
• 可見
• 可調整大小
• 分頁符
• 顯示名稱

SpreadJS 表格數據綁定支持如下屬性：

• 名稱
• dataField
• 格式化
• 單元格類型
• 值（值轉換函數）

5、圖表加強：支持更多圖表圖例屬性、錯誤提示欄、自定義邊框、對數軸、趨勢線等

SpreadJS V13.0 的圖表功能獲得大幅提高，不但支持更多的圖表圖例屬性，如自定義位置、字體顏色、大小等，還新增了多種圖表功能，如錯誤提示欄、自定義邊框、對數軸、趨勢線、懸停動畫、符號等。

圖表圖例屬性：支持字體顏色、大小和更多字體

在 SpreadJS V13.0 中，經過更改字體顏色、大小和字體的能力，開發人員可以自行匹配圖表圖例與應用程序的總體外觀樣式，而無需額外調整，這樣作的好處是：能夠爲儀表板中的全部組件，建立統一的外觀樣式。以下是爲圖例添加顏色、fontFamily、fontSize 設置：

新圖表屬性：錯誤提示欄、自定義邊框、對數軸和趨勢線

SpreadJS V13.0 中，新增的圖表屬性有：

• 錯誤提示欄：您能夠更改圖表中顯示的錯誤類型、樣式和數量，從而一目瞭然的觀測出圖表數據的偏差範圍與標準誤差。
• 自定義邊框：在圖表周圍添加邊框，將圖表與應用程序的其他部分區分開。

SpreadJS新圖表屬性：自定義邊框

• 對數軸：在比較差別巨大的數據時，能夠以更加易讀的方式顯示圖表數據。

• 趨勢線：使用趨勢線能夠更輕鬆地根據數據（例如銷售變化趨勢）預測將來價值。以下是 SpreadJS 的線性趨勢線示例：

6、支持動態數組：大幅簡化計算公式，提升公式運算效率

Excel 2019 推出了動態數組函數，用於簡化複雜計算公式：使用動態數組，返回值將自動「輸出」到相鄰單元格中（未使用的）。用戶只需編寫一個簡單的公式，而不是編寫複雜的數組公式就可解決多單元格問題。

在 SpreadJS V13.0 中，也將支持動態數組功能。

7、支持公式追蹤：可快速查看公式中引用的單元格數據

在使用公式時，有時須要瞭解公式中引用了哪些單元格的數據，這就涉及到公式追蹤的操做。在 SpreadJS V13.0 中，用戶能夠利用公式追蹤 API，快速且方便的構建數據關係拓撲圖，以便進行審查、數據鑽取、可視化顯示等。

8、新增事件：ColumnChangingEvent & RowChangingEvent

當用戶對工做表執行 Delete/Insert/Hide/Unhide 等操做時，若是但願在執行操做以前觸發一個事件，該事件能夠用來確認對象的數據，並控制該操做是否繼續執行。此時，新增的這兩個事件就能夠派上用場。

9、行爲加強：Advanced Resize

在 SpreadJS V13.0 中，Advanced Resize 添加了一種調整大小的方法 onlyNextTo 。它與通常調整大小的方式不一樣，使用 onlyNextTo 調整大小隻會改變當前列/行和下一個可見列/行的大小。

10、自動合併：自動合併相鄰單元格的相同文本

SpreadJS 支持自動合併。例如，原始數據以下：

在行方向自動合併後：

在列方向自動合併後：

11、範圍模板：將工做表的範圍指定爲模板，並使用該模板繪製類似區域

SpreadJS 爲客戶提供了一個範圍單元格類型。這種新的單元格類型容許用戶將工做表的範圍指定爲模板，而後使用該範圍來繪製具備單元格值的多個類似區域。

這樣作的好處是：

• 客戶能夠經過更改模板來更改批處理片斷顯示模式。
• 客戶能夠輕鬆顯示具備相同結構的一組數據。
• 客戶能夠在任何地方建立模板工做表，而後建立 JSON / fromJSON，並設置工做表範圍以便輕鬆複用。

以上就是SpreadJS V13.0 的主要新特性內容，如需瞭解更多，歡迎前往SpreadJS產品官網下載體驗。

關於 SpreadJS純前端表格控件

SpreadJS 是一款基於 HTML5 的純 JavaScript 電子表格和網格功能控件，以「高速低耗、純前端、零依賴」爲產品特點，可嵌入任何操做系統，同時知足 .NET、Java、響應式 Web 應用及移動跨平臺的表格數據處理和類 Excel 的表格應用開發，爲終端用戶帶來親切的 Excel 體驗。SpreadJS 在數據展現、前端導入導出、圖表面板、數據綁定等場景無需大量代碼開發和測試，可極大節省企業研發成本並下降交付風險。