Custom Layouts in PivotPanel

PivotPanel with a CSS Grid Layout

The PivotPanel control has a layout that shows the Fields section above the Areas section. This is the default layout used by Excel as well.

The examples below replaces the PivotPanel's default controlTemplate with one that uses a CSS Grid-based layout. This allows you to achieve virtually any layout you want simply by adjusting a few CSS rules.

Stacked (default) Layout

Side by Side

Custom Layout

Fields Only

Areas Only (2 x 2)

Areas Only (1 x 4)

To view to the template of each, refer to Pivot Panel Layout demo.