데모피벗 북공통 옵션
공통 옵션으로 북 전체 설정과 각 테이블의 공유 속성을 쓰는 데모이다.
주요 특징
피벗의 공통 옵션은 전체에 적용되는 북 공통 설정과 각 테이블에 공유되는 tableDefaults 속성이다.
| 속성 | 적용 범위 |
|---|---|
header · footer · inspector | 북 전체 |
tableDefaults | 모든 테이블의 기본설정값 |
tableDefaults 공통 옵션에는 rowHeader · columnHeader · rowBar · columnBar · body 속성을 설정할 수 있다.
tables[] 배열의 각 테이블에는 tableDefaults 속성을 개별적으로 설정할 수 있으며, 이 경우 tableDefaults 공통 옵션보다 우선 적용된다.
코드로 지정하기
const config = {
header: true,
footer: true,
inspector: false, // 북 공통 — 인스펙터 숨김 처리
tableDefaults: {
rowHeader: { layout: 'tree', indent: 20 },
rowBar: false,
columnBar: false,
body: { crosshair: true },
},
tables: [
{
name: '기본값',
cube: 'ordersPivot',
fields: { rows: ['결제 수단', '상품'], columns: ['년도'], values: ['주문 금액'] },
},
{
name: '그리드',
cube: 'ordersPivot',
fields: { rows: ['결제 수단', '상품'], columns: ['년도'], values: ['주문 금액'] },
rowHeader: { layout: 'grid' }, // 이 테이블만에서만 레이아웃 그리드로 활성화
},
{
name: '필드바',
cube: 'ordersPivot',
fields: { rows: ['결제 수단', '상품'], columns: ['년도'], values: ['주문 금액'] },
rowBar: true, // 이 테이블에서만 로우바 활성화
columnBar: true, // 이 테이블에서만 컬럼바 활성화
},
],
};행 헤더 표현만 비교하는 예는 레이아웃에서, 테이블마다 행·열·값 배치를 다르게 둔 예제는 다중 테이블에서 확인할 수 있다.
더 자세한 내용은 피벗 북(Book)을 참고한다.
플레이그라운드를 불러오는 중…