91茄子在线,午夜成人影视在线,宅男视频午夜视频

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

轉(zhuǎn)帖|使用教程|編輯：鮑佳佳|2020-07-21 10:29:00.540|閱讀 464 次

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

相關(guān)鏈接：

SpreadJS是一款基于 HTML5 的純前端電子表格控件，兼容 450 種以上的 Excel 公式，具有 “高性能、跨平臺(tái)、與 Excel 高度兼容”的產(chǎn)品特性，為用戶帶來親切的 Excel 使用體驗(yàn)的同時(shí)，滿足 Web Excel 組件開發(fā)、表格文檔協(xié)同編輯、數(shù)據(jù)填報(bào)、Excel 類報(bào)表設(shè)計(jì)等業(yè)務(wù)場(chǎng)景，極大降低了企業(yè)研發(fā)成本和項(xiàng)目交付風(fēng)險(xiǎn)。

點(diǎn)擊下載SpreadJS最新試用版

設(shè)置文本的上劃線，刪除線和下劃線

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

示例代碼

以下代碼給位于 (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屬性來設(shè)置當(dāng)單元格中的文字的長(zhǎng)度較長(zhǎng)時(shí)，是否溢出到相鄰的單元格中。

示例代碼

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

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");

好了這就是我們今天的內(nèi)容了，如果你對(duì)我們的產(chǎn)品感興趣或者有任何疑問，