Blazor Pivot Table Example - Selection

This sample demonstrates different types of grid cell selection options and provides event information for tracking complete selection details. Cell selection including headers, value cells, and summary cells can be performed through mouse and keyboard interactions.

The selection feature provides interactive support to highlight rows, columns, values, and summary cells that you select. Selection can be accomplished through either mouse or keyboard interaction. To enable selection, set the AllowSelection property in PivotViewGridSettings to true.

The pivot table supports two selection types configured via the PivotViewSelectionSettings -> Type property:

• Single - Enabled by default. Allows selecting a single row, column, or cell at a time.
• Multiple - Allows selecting more than one row, column, or cell simultaneously.

Additionally, three selection modes are available via the PivotViewSelectionSettings -> Mode property:

• Row - Enabled by default. Enables complete row selection in the pivot table.
• Column - Enables complete column selection in the pivot table.
• Cell - Enables individual cell selection in the pivot table.
• Both - Enables both row and column selection in the pivot table.

To perform multi-selection, hold the CTRL key and click the desired cells. To select a range of cells, hold the SHIFT key and click the cells.

In touch device environments, tap over a row, column, or cell to display a popup with a multi-select icon. Tap the icon to proceed with multi-selection.

In this demo, select the desired selection type and selection mode from the properties panel to perform the intended selection process. Selected cell information is displayed in the Event Trace section using the CellSelected event.

For comprehensive information about the selection feature, refer to the selection documentation.