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

템플릿 셀 자동 맞춤

리포트 시트의 자동 맞춤(auto-fit) 기능은 리포트를 생성할 때 콘텐츠에 맞게 열 너비와 행 높이를 자동으로 조정합니다. 이를 위해 setTemplateCell 메서드에서 autoFit 속성을 설정해야 합니다.

리포트 시트에서 자동 맞춤 작업을 수행할 때 다음과 같은 열거형(enum) 값을 설정할 수 있습니다:

  • None

  • Row

  • Column

코드 사용

다음 코드 샘플은 템플릿 셀에 자동 맞춤 유형을 설정하는 방법을 보여줍니다.

// autoFit 속성을 Row로 설정
 templateSheet.setTemplateCell(1, 0, {
     type: 'List',
     binding: Orders[orderDate],
     autoFit: 'Row',
 });

// autoFit 속성을 Column으로 설정
 templateSheet.setTemplateCell(1, 2, {
     type: 'List',
     binding: Orders[shipName],
     autoFit: 'Column',
 });

// autoFit 속성을 None으로 설정
 templateSheet.setTemplateCell(1, 3, {
     type: 'List',
     binding: Orders[shipAddress],
     autoFit: 'None',
 });

위 코드의 출력은 다음과 같습니다:


image

디자이너 사용하기

SpreadJS 디자이너의 리포트 셀(Report Cell) 속성 패널에 있는 자동 맞춤(Auto Fit) 옵션을 사용하여 템플릿 셀의 autoFit 속성을 설정할 수도 있습니다.

image

참고:

  • 리포트 시트는 하나의 리포트 내에서 행(Row)과 열(Column) 자동 맞춤을 조합하여 사용할 수 있습니다. 즉, 서로 다른 템플릿 셀에 대해 서로 다른 auto-fit 유형을 적용할 수 있습니다.

  • autoFit 속성의 값이 템플릿에서 설정된 크기보다 작을 경우, 자동 맞춤 작업은 행 높이나 열 너비를 줄이지 않습니다.

  • 미리보기 모드(Preview mode)에서 셀의 autoFit 속성이 'Row'로 설정되어 있고 해당 셀이 행 병합(span)에 포함되어 있을 경우, 병합된 마지막 행이 확장됩니다. 마찬가지로 'Column' auto-fit이 설정된 셀은 병합된 마지막 열이 확장됩니다.