日本韩国欧美在线,国产精品区网红主,午夜福利在线导航

使用電子表格控件SpreadJS定制外觀（四）：如何為文字添加上劃線、刪除線和處理溢出

轉帖|使用教程|編輯：鮑佳佳|2020-07-21 10:29:00.540|閱讀 479 次

概述：SpreadJS作為一款電子表格控件，可以實現個性化的外觀設置，本文主要講述如何給單元格文字設置上劃線、下劃線、以及刪除線和處理文字溢出。附代碼教程。

相關鏈接：

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

點擊下載SpreadJS最新試用版

設置文本的上劃線，刪除線和下劃線

Spread.Sheets 支持文本修飾屬性。你可以使用方法設置文本的上劃線，刪除線和下劃線。

示例代碼

以下代碼給位于 (0,0)的單元格中的文字加入了一條上劃線, 給位于(1,0)單元格中的文字加了下劃線和上劃線，給位于 (0,1)單元格中的文字加了下劃線，刪除線和上劃線。

activeSheet.getCell(0, 0, GC.Spread.Sheets.SheetArea.viewport).textDecoration(GC.Spread.Sheets.TextDecorationType.Underline);
activeSheet.getRange(1, -1, 1, -1, GC.Spread.Sheets.SheetArea.viewport).textDecoration(GC.Spread.Sheets.TextDecorationType.Overline | GC.Spread.Sheets.TextDecorationType.Underline);
activeSheet.getRange(-1, 1, -1, 1, GC.Spread.Sheets.SheetArea.viewport).textDecoration(GC.Spread.Sheets.TextDecorationType.Overline | GC.Spread.Sheets.TextDecorationType.LineThrough | GC.Spread.Sheets.TextDecorationType.Underline);
var style = new GC.Spread.Sheets.Style();
style.textDecoration = GC.Spread.Sheets.TextDecorationType.Overline | GC.Spread.Sheets.TextDecorationType.Underline;
activeSheet.setStyle(1, 1, style, GC.Spread.Sheets.SheetArea.viewport);
activeSheet.getCell(0, 0, GC.Spread.Sheets.SheetArea.viewport).value("Test");
activeSheet.getCell(1, 0, GC.Spread.Sheets.SheetArea.viewport).value("Test");
activeSheet.getCell(0, 1, GC.Spread.Sheets.SheetArea.viewport).value("Test");

允許文字溢出

你可以使用options.allowCellOverflow屬性來設置當單元格中的文字的長度較長時，是否溢出到相鄰的單元格中。

示例代碼

以下代碼設置了單元格的對齊方式，并且也設置了允許單元格溢出。

activeSheet.getCell(0, 0, GC.Spread.Sheets.SheetArea.viewport).textDecoration(GC.Spread.Sheets.TextDecorationType.Underline);
 activeSheet.getRange(1, -1, 1, -1, GC.Spread.Sheets.SheetArea.viewport).textDecoration(GC.Spread.Sheets.TextDecorationType.Overline | GC.Spread.Sheets.TextDecorationType.Underline);
 activeSheet.getRange(-1, 1, -1, 1, GC.Spread.Sheets.SheetArea.viewport).textDecoration(GC.Spread.Sheets.TextDecorationType.Overline | GC.Spread.Sheets.TextDecorationType.LineThrough | GC.Spread.Sheets.TextDecorationType.Underline);
 var style = new GC.Spread.Sheets.Style();
 style.textDecoration = GC.Spread.Sheets.TextDecorationType.Overline | GC.Spread.Sheets.TextDecorationType.Underline;
 activeSheet.setStyle(1, 1, style, GC.Spread.Sheets.SheetArea.viewport);
 activeSheet.getCell(0, 0, GC.Spread.Sheets.SheetArea.viewport).value("Test");
 activeSheet.getCell(1, 0, GC.Spread.Sheets.SheetArea.viewport).value("Test");
 activeSheet.getCell(0, 1, GC.Spread.Sheets.SheetArea.viewport).value("Test");

好了這就是我們今天的內容了，如果你對我們的產品感興趣或者有任何疑問，