(this page was created automatically. In case of formatting issues, please visit the official Wiki Page)

Pivot Grid

Link to Figma: tba

Overview

• The Pivot Grid is an advanced data visualization component.
• It allows analyzing multi-dimensional data by grouping, filtering, and summarizing.
• It provides interactive capabilities for exploring and pivoting data across dimensions.
• Users can view aggregated metrics in a customizable grid format.

...

• dataTestId - Sets the testing hook ID for automated testing. For example, setting it to "sales-pivot-grid" allows test scripts to reliably locate this specific pivot grid component.

Links

• Figma: tba
• Live style guide: https://e1-dev.k8s.myapp.de/live-style-guide/id6/1-data-grid/pivot-grid

Guidelines

Usage

• Use the component to analyze multi-dimensional data with configurable fields and aggregations defined in elements; enable the field panel when users must pivot dimensions themselves using showFieldPanel, showDataFields, showRowFields, showColumnFields, showFilterFields, and allowFieldDragging.
• Hide the field panel when users only need to read results to keep attention on the matrix using showFieldPanel set to false.
• Enable allowFiltering when users need to narrow visible data without changing the underlying dataSourceId or getEntityCollectionHttpRequestParametersMap.
• Enable allowSorting when comparative or ranked views are required so users can sort by row or column headers.
• Surface summary context by turning on showColumnGrandTotals and showRowGrandTotals when high-level rollups are essential.
• Provide intermediate summaries by enabling showRowTotals and showColumnTotals for grouped analyses; disable them when they add clutter.
• Use useMockData for demos or prototyping when a live dataSourceId is not yet available.

...