Pivot Showcase
This showcase demonstrates advanced features of the Pivot Plugin, including layout management, theme synchronization, and programmatic control.
What’s happening in this demo?
Section titled “What’s happening in this demo?”This showcase highlights several enterprise features that go beyond the basic pivot setup:
1. Header Style Toggles (flatHeaders)
Section titled “1. Header Style Toggles (flatHeaders)”You can switch between Hierarchical and Flat headers.
- Hierarchical: Best for visual data exploration and grouping.
- Flat: Ideal for data-heavy views or when you need a structure that mimics a standard spreadsheet export.
2. Theme Synchronization
Section titled “2. Theme Synchronization”The Pivot Plugin and the Configurator both listen to the grid’s theme.
- Interaction: Change the theme in the toolbar, and see both the data grid and the configuration panel update their visual styling (Material, Compact, etc.) in unison.
3. Programmatic Profiles
Section titled “3. Programmatic Profiles”By updating the additionalData.pivot object, you can instantly change the entire data perspective.
- Usage: Use the “Presets” buttons to see how the grid reacts to complex restructuring (changing rows, columns, and value aggregators simultaneously).
4. Reactive State
Section titled “4. Reactive State”The JSON block at the bottom shows the live state of the pivot configuration. Every drag-and-drop interaction in the configurator emits events that can be used to persist the user’s view for their next session.