Radzen Blazor Components
PivotDataGrid dynamic data support
Schema-less datasets are common when data comes from external APIs. This demo shows how to build a pivot table on top of
IDictionary<string, object> records without defining C# models.
Bottom
- Top
- Bottom
- TopAndBottom
Settings
Category,Product
- Order Year
- Ship Country
- Category
- Product
- Total Sales
- Quantity
- Average Discount
- Average Unit Price
Order Year,Ship Country
- Order Year
- Ship Country
- Category
- Product
- Total Sales
- Quantity
- Average Discount
- Average Unit Price
4 items selected
Category |
|---|
Product |
Order Year |
|---|
Ship Country |
Total Sales |
|---|
Quantity |
Average Discount |
Average Unit Price |
Category |
2023 | Total Sales | Quantity | Average Discount | Average Unit Price | |||
|---|---|---|---|---|---|---|---|---|
| Total Sales | Quantity | Average Discount | Average Unit Price | |||||
Dairy Products | ¤5.00 | 5 | 500.0 % | ¤5.00 | ¤5.00 | 5 | 500.0 % | ¤5.00 |
Grains/Cereals | ¤3.00 | 3 | 300.0 % | ¤3.00 | ¤3.00 | 3 | 300.0 % | ¤3.00 |
Produce | ¤4.00 | 4 | 400.0 % | ¤4.00 | ¤4.00 | 4 | 400.0 % | ¤4.00 |
Seafood | ¤1.00 | 1 | 100.0 % | ¤1.00 | ¤1.00 | 1 | 100.0 % | ¤1.00 |
Condiments | ¤2.00 | 2 | 200.0 % | ¤2.00 | ¤2.00 | 2 | 200.0 % | ¤2.00 |
Confections | ¤2.00 | 2 | 200.0 % | ¤2.00 | ¤2.00 | 2 | 200.0 % | ¤2.00 |
Beverages | ¤2.00 | 2 | 200.0 % | ¤2.00 | ¤2.00 | 2 | 200.0 % | ¤2.00 |
Meat/Poultry | ¤1.00 | 1 | 100.0 % | ¤1.00 | ¤1.00 | 1 | 100.0 % | ¤1.00 |
| ¤20.00 | 20 | 2,000.0 % | ¤20.00 | ¤249.00 | 249 | 24,900.0 % | ¤249.00 | |
All the tools in one place
Save Hours on Every Project
With Radzen Blazor subscription you get the full toolkit, including:
support
Dedicated support backed by proven expertise
palette
Premium themes and theme editor
widgets
Ready-to-use UI blocks
dashboard_customize
Complete app templates
format_shapes
Visual design-time-experience
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT
- UI Fundamentalskeyboard_arrow_down
- UI Blocks Prokeyboard_arrow_down
- App Templateskeyboard_arrow_down
- DataGrid Updated keyboard_arrow_down
- Data-bindingkeyboard_arrow_down
- Virtualizationkeyboard_arrow_down
- Columns Updated keyboard_arrow_down
- Filtering Updated keyboard_arrow_down
- Hierarchy Updated keyboard_arrow_down
- Selection Updated keyboard_arrow_down
- Sortingkeyboard_arrow_down
- Paging Updated keyboard_arrow_down
- Grouping Updated keyboard_arrow_down
- Custom Headerkeyboard_arrow_down
- Save/Load settings Updated keyboard_arrow_down
- Drag & Drop Updated keyboard_arrow_down
- PivotDataGrid New keyboard_arrow_down
- Data Updated keyboard_arrow_down
- DataListkeyboard_arrow_down
- DataFilterkeyboard_arrow_down
- Gantt New keyboard_arrow_down
- Treekeyboard_arrow_down
- Imageskeyboard_arrow_down
- Layout Updated keyboard_arrow_down
- Navigationkeyboard_arrow_down
- Formskeyboard_arrow_down
- DropDownkeyboard_arrow_down
- HtmlEditorkeyboard_arrow_down
- Data Visualizationkeyboard_arrow_down
- Chartkeyboard_arrow_down
- Feedbackkeyboard_arrow_down
- Alertkeyboard_arrow_down
- Validatorskeyboard_arrow_down
Demos Configuration
Premium Themes
- Material 3
- Material 3 Dark
- Fluent
- Fluent Dark
Free Themes
- Material
- Material Dark
- Standard
- Standard Dark
- Default
- Dark
- Humanistic
- Humanistic Dark
- Software
- Software Dark