Back to Devexpress

Native Blazor Report Viewer

xtrareports-403594-web-reporting-blazor-reporting-native-report-viewer.md

latest6.8 KB
Original Source

Native Blazor Report Viewer

  • Feb 09, 2026
  • 3 minutes to read

The DevExpress Report Viewer for Blazor (DxReportViewer) allows you to display reports in your Blazor or .NET MAUI Blazor Hybrid apps. The viewer allows users to specify data parameters, navigate the report, and print or export the resulting document.

Run Demo

Get Started - Add a Report Viewer to a Blazor App

The following topics show how to create a Blazor application with the Report Viewer using DevExpress and Microsoft templates:

Demos and Examples

Visit our online demos and learn about key features and capabilities of our Blazor Report Viewer:

Search sample projects and learn how to use and customize the DevExpress Blazor Report Viewer:

Load Reports and Restore Data Connections

The following guides explain how to display a data-aware report in the Report Viewer:

Report Parameters

Report Parameters allow you to filter report data dynamically. The following topics describe the use of report parameters in the Report Viewer:

Specify Parameter ValuesLearn how you can specify parameter values in the DxReportViewer control.Validate Parameter ValuesLearn how you can validate report parameter values when a user changes them in the Parameters Panel.

Customize the UI

Learn how you can customize the Report Viewer UI:

AI-powered Extensions

You can integrate the following AI-powered commands into the Report Viewer: Summarize, Translate, and Translate Inline.

Run Demo: Report Viewer AI Extensions

For integration details, refer to the following help topic: Summarize and Translate Reports in the Blazor Report Viewer.

Localization

DevExpress components ship with community-sourced satellite resource assemblies for the following languages:

  • German
  • Spanish
  • Japanese

You can find predefined localization packages in the Dependencies section of Solution Explorer. For information on how to localize DevExpress components to other languages, refer to the following help topic: Localization.

To localize the Report Viewer UI at runtime, use the DxBlazorReportViewerLocalizerLocalizationService.

Accessibility

Accessibility is one of our team’s top priorities. We continuously test our UI controls against accessibility guidelines such as WCAG 2.2 (Level AA), Section 508, and EN 301 549. For more information about accessibility support in the DevExpress Blazor Report Viewer, refer to the following help topic: Accessibility for Blazor Report Viewer.

For information on keyboard navigation, refer to the following help topic: Keyboard Shortcuts in the Report Viewer.

WebAssembly Deployment Specifics

When you run an application with the Report Viewer in a WebAssembly (WASM) environment, keep the following limitations in mind:

Data SourcesOnly JSON and Object data sources are currently supported.Rendering Engine (Skia)The Report Viewer uses a Skia-based engine to render content in the browser. Make sure your project references DevExpress.Drawing.Skia.Font ManagementWASM applications cannot rely on system fonts. Use DXFontRepository to explicitly load and register all required fonts.

To ensure a Blazor WebAssembly application runs properly, set the MSBuild WasmBuildNative setting to true.

Use the Report Viewer in MAUI Applications

You can integrate the DxReportViewer component into a .NET MAUI Blazor Hybrid application. To get started, refer to the following help topic: Use DevExpress Blazor Report Viewer in .NET MAUI Blazor Hybrid App.

View Example: Reporting for MAUI Blazor - Simple Report Viewer Application