# 레이아웃 설정 구성 

## Content

리포트 시트는 행 레이아웃과 열 레이아웃을 모두 지원합니다. SpreadJS에서는 [PaginatedPreview](/spreadjs/docs/v19/features/reportsheet/report-sheet-settings/render-mode) 렌더 모드에서만 템플릿 시트 내 레이아웃 설정 구성이 가능합니다.
템플릿 시트에서 레이아웃 설정을 구성하려면, 먼저 템플릿 시트를 생성하고 템플릿 셀 정보를 구성한 후, [GC.Spread.Report.TemplateSheet](/spreadjs/api/v19/classes/GC.Spread.Report.TemplateSheet) 클래스의 `setLayoutSetting` 메서드를 사용하여 레이아웃 설정을 구성합니다.

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

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

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

reportSheet.renderMode('PaginatedPreview');


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

아래 이미지는 PaginatedPreview 모드에서 판매 보고서의 행 레이아웃 및 열 레이아웃을 보여줍니다.
![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.337675.png?width=1050)
![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.d7d62d.png?width=1002)