DevExpress Native Blazor Report Viewer

Use the DevExpress Blazor Report Viewer to display DevExpress Reports in Blazor Server, Blazor WebAssembly, and .NET MAUI Blazor Hybrid applications. The Report Viewer allows users to specify report parameters, navigate multi-page documents, print, and export resulting documents.

Key Features

• Built with Blazor components — native support for Blazor component lifecycle and dependency injection.
• Supports Blazor Server, Blazor WebAssembly, and .NET MAUI Blazor Hybrid.
• Full-text search across report content.
• Interactive parameter panel — users can adjust report parameters.
• Zoom in or out and fit the document to the available width.
• Export reports to PDF, XLSX, DOCX, CSV, HTML, RTF, MHT, and Image formats with specified options.
• Print from the browser.
• Customizable toolbar, tab panel, and parameter editors — tailor the viewer to your needs.

Examples

Example 1: Add a Blazor Report Viewer to a Blazor Web App

1. Install the following package:

   dotnet add package DevExpress.Blazor.Reporting.Viewer
   

2. Register DevExpress Resources.

3. Add a Razor page. Include a DxReportViewer component and bind it to a report instance:

   @page "/Viewer"
   @rendermode InteractiveServer
   
   @using DevExpress.Blazor.Reporting
   
   <h3>Report Viewer</h3>
   
   <DxReportViewer @ref="reportViewer" Report="Report">
   </DxReportViewer>
   
   @code {
       DxReportViewer? reportViewer;
       XtraReport Report = new TestReport();
   
   }
   

Example 2: Hide Export Formats from ‘Export To’ Drop-Down List

The following code sample hides all export formats except PDF and Image:

@using DevExpress.Blazor.Reporting
@using DevExpress.XtraReports.UI
@using BlazorCustomization.PredefinedReports
@using DevExpress.Blazor.Reporting.Models

<div @ref="viewerComponent" style="width: 100%; height: 1000px;">
    <DxReportViewer @ref="reportViewer"
                    Report="Report" />
</div>

@code {
    DxReportViewer? reportViewer;
    XtraReport Report = new TableReport();
    private ElementReference viewerComponent;
    string[] formats = new string[] { "Pdf", "Image" };

    protected override void OnAfterRender(bool firstRender) {
        if (firstRender) {
            reportViewer.ExportModel.AvailableFormats
            .RemoveAll(item => !formats.Contains(item.Name));
        }
    }    
}

Evaluation Period, Pricing Options, and Licensing Terms

Whether you own a license or want to start a 30-day evaluation, download and register your DevExpress license key. To obtain your key, sign in to the DevExpress Download Manager with an existing DevExpress.com account or create a free account. For key registration instructions, see License Key for DevExpress Products.

If you purchase a license after evaluating a product, re-register your updated DevExpress license key to remove evaluation warnings and messages.

This package is included in the following commercial subscriptions:

• DevExpress Reporting Subscription
• DevExpress ASP.NET Subscription
• DevExpress DXperience Subscription
• DevExpress Universal Subscription

See DevExpress Subscriptions & Licensing for subscription comparison tables, purchasing FAQ, and licensing information.

Related Components/Packages

DevExpress.AIIntegration.Blazor.Reporting.Viewer — AI-powered summarization and translation extensions for the Blazor Report Viewer.

dotnet add package DevExpress.AIIntegration.Blazor.Reporting.Viewer

DevExpress.Blazor.Reporting.JSBasedControls — JavaScript-based DevExpress Reporting Components. These components support Interactive Server and Interactive WebAssembly render modes and Blazor WebAssembly Standalone apps.

dotnet add package DevExpress.Blazor.Reporting.JSBasedControls

DevExpress.Blazor.Reporting.JSBasedControls.WebAssembly — JavaScript-based DevExpress Reporting Components for Blazor WebAssembly Hosted applications. These components require an ASP.NET Core backend with MVC controllers.

dotnet add package DevExpress.Blazor.Reporting.JSBasedControls.WebAssembly

Demos

• DevExpress Blazor Demos
• DevExpress Reports Demos on GitHub

Documentation

• Blazor Report Viewer Overview
• Get Started with Blazor Report Viewer (Blazor Server App)
• Overview of Blazor Reporting Components

Software Bill of Materials (SBOM)

To access SBOM files for DevExpress packages, please refer to the following article: Software Bill of Materials (SBOM) for DevExpress .NET assemblies/NuGet packages, JavaScript, VCL and other redistributable artifacts.

See Also: Information Security | Security - What You Need to Know

Useful Online Resources

• www.devexpress.com
• DevExpress Support Center
• DevExpress Blogs