데모피벗 북공통 옵션
북 공통 옵션과 tableDefaults로 테이블 속성을 공유하고, 테이블마다 필요한 값만 덮어쓰는 데모입니다.
주요 특징
피벗 설정은 북 공통 → 테이블 기본값 → 테이블 개별 순으로 적용됩니다. 같은 키를 더 안쪽에서 지정하면 그 범위만 덮어씁니다.
| 위치 | 적용 범위 | 이 데모에서 |
|---|---|---|
header · footer · inspector | 북 전체 | 인스펙터 비활성화 (탭을 변경해도 북 UI 유지) |
tableDefaults | 모든 테이블의 기본값 | 행 헤더 tree, 필드바 숨김, 크로스헤어 켜기 |
tables[] | 해당 테이블만 | 지정한 키만 기본값을 덮어씀 |
하단 탭으로 세 테이블을 비교합니다. 데이터·축 구성은 동일하며, 어떤 옵션을 어디에 설정했는지만 다릅니다.
| 탭 | 행 헤더 | 필드바 | 크로스헤어 |
|---|---|---|---|
| 기본값 | tableDefaults의 tree | 숨김 | 켜짐 |
| 그리드 | 이 테이블만 grid | 숨김 (기본값) | 켜짐 (기본값) |
| 필드바 | tree (기본값) | 이 테이블만 표시 | 이 테이블만 끔 |
셀을 클릭해 보면 기본값·그리드 탭에는 교차 선택(크로스헤어)이 보이고, 필드바 탭에는 보이지 않습니다.
tableDefaults에 둘 수 있는 값은 rowHeader · columnHeader · rowBar · columnBar · body입니다. fields · 소계·총계처럼 테이블마다 다른 구성은 tables[]에 둡니다.
코드로 지정하기
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: ['주문 금액'] },
// rowHeader / rowBar / body를 지정하지 않으면 tableDefaults 설정이 적용됨
},
{
name: '그리드',
cube: 'ordersPivot',
fields: { rows: ['결제 수단', '상품'], columns: ['년도'], values: ['주문 금액'] },
rowHeader: { layout: 'grid' }, // 이 테이블만 덮어씀
},
{
name: '필드바',
cube: 'ordersPivot',
fields: { rows: ['결제 수단', '상품'], columns: ['년도'], values: ['주문 금액'] },
rowBar: true, // 이 테이블만 필드바를 다시 켬
columnBar: true,
body: { crosshair: false },
},
],
};행 헤더 표현만 비교하는 예는 레이아웃에서, 테이블마다 행·열·값 배치를 다르게 둔 예제는 다중 테이블에서 확인할 수 있습니다.
더 자세한 내용은 피벗 북(Book) 가이드에서 확인할 수 있습니다.
플레이그라운드를 불러오는 중…