[]
        
(Showing Draft Content)

텍스트 장식

SpreadJS는 텍스트 장식을 지원합니다. textDecoration 메서드를 사용하여 텍스트 아래, 위, 또는 텍스트를 가로지르는 선을 지정할 수 있습니다.



다음 코드 예제에서는 다음과 같이 텍스트에 장식을 추가합니다:

  • 셀 (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");

텍스트 장식을 설정할 때, 아래 이미지와 같이 텍스트에 이중 밑줄(double underline) 기능을 사용할 수도 있습니다.


다음 예제 코드는 textDecoration 설정 시 이중 밑줄 기능을 사용하는 방법을 보여줍니다.

Ask ChatGPT

var style = new GC.Spread.Sheets.Style();
style.textDecoration = GC.Spread.Sheets.TextDecorationType.doubleUnderline;
sheet.setStyle(2,1,style);