[]
        
(Showing Draft Content)

PivotPanel 사용자 정의 레이아웃

그리드 레이아웃을 사용하는 PivotPanel

PivotPanel 컨트롤의 기본 레이아웃은 필드 섹션이 영역 섹션 위에 표시되는 방식입니다. 이 기본 레이아웃은 Excel에서도 사용됩니다.


아래 예제는 PivotPanel의 기본 controlTemplate을 CSS 그리드 기반 레이아웃으로 대체한 것입니다. 이를 통해 몇 가지 CSS 규칙만 조정하여 원하는 거의 모든 레이아웃을 구현할 수 있습니다.

누적형 (기본) 레이아웃

stacked-layout

나란히 표시

side-by-side-layout

사용자 정의 레이아웃

custom-layout

필드만 표시

fields-only-layout

영역만 표시 (2 x 2)

areas-only-layout-2x2

영역만 표시 (1 x 4)

areas-only-layout-1x4

각 템플릿을 보기 위해서는 피벗 패널 사용자 정의 레이아웃 데모를 참고하여 주시기 바랍니다.