[]
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);