[]
DEMOS DOC DESIGNER API
DOWNLOAD
(Showing Draft Content)

셀 오버플로우 시 생략 부호 또는 툴팁 표시

SpreadJS는 셀의 텍스트가 열 너비보다 길거나(또는 세로 텍스트의 경우 행 높이보다 길 경우) 생략 부호(ellipsis)를 표시할 수 있도록 지원합니다. 이때 넘치는 텍스트는 잘리고 대신 생략 부호(…)가 표시됩니다.

생략 부호가 표시된 셀에 마우스를 올리면, 셀의 전체 텍스트를 보여주는 팁(Tip)이 표시됩니다. 이 팁은 생략 부호나 "####"와 같은 텍스트가 있는 셀에 대해 기본적으로 표시됩니다.

셀에서 생략 부호를 표시하는 기능은 텍스트가 인접 셀로 넘치는 것보다 우선적으로 적용됩니다.



아래의 코드 예제는 showEllipsis 속성을 true로 설정하여, 긴 텍스트에 대해 생략 부호와 팁을 표시하는 방법을 보여줍니다.

// Spread 초기화 
var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'), { sheetCount: 1 });
// get the activesheet
var activeSheet = spread.getSheet(0);

// showEllipsis 속성이 true인 스타일을 생성
var horizontalStyleWithEllipsis = new GC.Spread.Sheets.Style();
horizontalStyleWithEllipsis.showEllipsis = true;

// 셀에 텍스트를 설정
activeSheet.setText(0, 0, "This cell has long text and display Ellipsis instead of complete text");
// 셀에 스타일 적용
activeSheet.setStyle(0, 0, horizontalStyleWithEllipsis);

// showEllipsis 속성이 true인 스타일을 생성
var verticalStyleWithEllipsis = new GC.Spread.Sheets.Style();
verticalStyleWithEllipsis.showEllipsis = true;
verticalStyleWithEllipsis.isVerticalText = true;

//  셀에 텍스트를 설정
activeSheet.setText(2, 1, "Vertical Text in Cell");
// 셀에 스타일 적용
activeSheet.setStyle(2, 1, verticalStyleWithEllipsis);
// rowHeight 설정
activeSheet.setRowHeight(2, 150);