5.20231.904
5.20231.904

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

Stacked Layout

Side by Side

Side by Side

Custom Layout

Custom Layout

Fields Only

Fields Only Layout

Areas Only (2 x 2)

Areas Only (2 x 2)

Areas Only (1 x 4)

Areas Only (1 x 4)

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