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

레이아웃 설정 구성

리포트 시트는 행 레이아웃(Row Layout)과 열 레이아웃(Column Layout)을 모두 지원합니다. SpreadJS에서는 PaginatedPreview 렌더 모드에서만 템플릿 시트 내 레이아웃 설정 구성이 가능합니다.

템플릿 시트에서 레이아웃 설정을 구성하려면, 먼저 템플릿 시트를 생성하고 템플릿 셀 정보를 구성한 후, GC.Spread.Report.TemplateSheet 클래스의 setLayoutSetting 메서드를 사용하여 레이아웃 설정을 구성합니다.

참고: 열 수가 적고 세로 방향으로 데이터가 확장되는 시나리오에서는 행 레이아웃(Row Layout) 이 공간 최적화에 유리합니다. 반면 열 수가 적고 가로 방향으로 데이터가 확장되는 경우에는 열 레이아웃(Column Layout) 이 공간을 보다 효율적으로 활용하여 데이터를 표시할 수 있습니다.

다음은 레이아웃 설정을 구성하는 코드 샘플입니다:

// 행 레이아웃(Row Layout) 설정
templateSheet.setLayoutSetting({
        type: 'RowLayout',
        dataRange: 'A3:E3',
        rowCount: 25,
        repeatRows: {
              start: 1,
              end: 1
        }
});

reportSheet.renderMode('PaginatedPreview');


// 열 레이아웃(Column Layout) 설정
templateSheet.setLayoutSetting({
        type: 'ColumnLayout',
        dataRange: 'B2:B6',
        columnCount: 10,
        repeatCols: {
              start: 0,
              end: 0
        }
});
reportSheet.renderMode('PaginatedPreview');

아래 이미지는 PaginatedPreview 모드에서 판매 보고서(sales report)의 행 레이아웃 및 열 레이아웃을 보여줍니다.

Ask ChatGPT


image


image