SpreadJS 在 Angular2 中支持綁定哪些屬性？

知識 07-07

SpreadJS純前端表格控制項是基於 HTML5 的 JavaScript 電子表格和網格功能控制項，提供了完備的公式引擎、排序、過濾、輸入控制項、數據可視化、Excel 導入/導出等功能，適用於 .NET、Java 和移動端等各平台在線編輯類 Excel 功能的表格程序開發。

在前一篇文章中，我們了解到 SpreadJS 已經全面支持了 Angular2，並且只需4步就能完成在 Angular2 中集成 SpreadJS。

下面我們來介紹 SpreadJS 在 Angular2 中支持綁定哪些屬性。不同的標籤可以綁定的屬性不同，我們按照標籤來分類進行介紹。以下為主要屬性的列表，更詳細的屬性介紹請通過文末鏈接查看。

gc-spread-sheets
：

Attribute	Type	Comment
name	string	整個工作簿的名稱，導出時Excel的默認名稱
tabStripVisible	boolean	是否展示左下方sheet的導航欄
allowUserDragFill	boolean	是否允許用戶進行拖拽填充
highlightInvalidData	boolean	是否在數據驗證時高亮顯示無效數據（設置高亮顯示後，無效數據會用紅圈圈出）
backColor	string	設置背景色
backgroundImage	string	設置背景圖片
hostStyle	any	標籤的樣式，等同於HTML的style屬性，使用方法等同於angular2的樣式綁定，例如：{width: 400px, height: 600px}
hostClass	string	標籤的類，等同於HTML的class屬性。

Attribute	type	Comment
dataSource	any	表單級別的綁定，設置數據源。
name	string	設置sheet的名稱
frozenColumnCount	number	頂部凍結列，參數為colindex
frozenRowCount	number	頂部凍結行，參數為rowindex
frozenTrailingColumnCount	number	底部凍結列，參數為colcount-colindex，例如凍結最後兩行，參數為2.
frozenTrailingRowCount	number	底部凍結行，參數為rowcount-rowindex
rowCount	number	設置行數
colCount	number	設置列數
rowHeaderVisible	boolean	是否顯示rowHeader
columnHeaderVisible	boolean	是否顯示columnHeader
isProtected	boolean	設置表單保護
selectionBackColor	string	設置選中區域的背景色
selectionBorderColor	string	設置選中區域的邊框顏色
defaultStyle	GC.Spread.Sheets.Style	設置默認樣式，參數為GC.Spread.Sheets.Style的實例。

Attribute	type	Comment
width	number	列寬
resizable	boolean	是否根據拖拽重設大小
autoFit	boolean	是否自動匹配列寬
style	GC.Spread.Sheets.Style	整列設置樣式
cellType	GC.Spread.Sheets.CellTypes.Base	整列設置單元格類型
formatter	string	整列設置單元格格式