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

發布時間：2021-12-14 14:00:35 來源：億速云閱讀：150 作者：柒染欄目：互聯網科技

這期內容當中小編將會給大家帶來有關SpreadJS 在 Angular2 中支持綁定哪些屬性，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

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屬性。

gc-worksheet：

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的實例。

gc-column ：

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

需要說明的是在 Angular2 中 SpreadJS 最大精度只能進行到列級別的設置，這與 Angular2 的綁定機制有關，需要特別注意。

上述就是小編為大家分享的SpreadJS 在 Angular2 中支持綁定哪些屬性了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。

向AI問一下細節

91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本