Enhance Your Data Reporting with the React Report Viewer
-
Easy-to-display paginated and printable reports.
-
Connects to Microsoft SSRS Report Server and renders RDL and RDLC reports as they are.
-
Effortlessly display large-scale reports with instant load times.
-
Easily print or export reports in various formats from the application.
-
Supports SQL Server, MySQL, PostgreSQL, and 20+ data connectors.
No credit card required.
Overview
The React Report Viewer displays and interacts with RDL and RDLC reports from a wide range of data sources. It connects to an existing SSRS Report Server, so reports already deployed there render without conversion. The viewer supports localization, export to PDF, Excel, and CSV, and customizable printing. Interactive features include drill-down, drill-through, hyperlinks, and subreports. Role-based access control keeps reports secure inside your application.
Comprehensive React Report Viewing Features
Deliver a seamless and intuitive report viewing experience using the React Report Viewer, designed for clarity, accessibility, and performance across all devices.
Reports from anywhere
Access and display SSRS RDL and RDLC reports from any location using the React Report Viewer.
-
Connect to a Microsoft SSRS Report Server by setting reportServerUrl, reportPath, and reportServiceUrl.
-
Keep your RDL files as they are. Reports deployed on the SSRS server need no conversion step.
-
Supply DataSourceCredentials for reports whose data sources require database credentials.
-
Load reports from SharePoint, cloud storage, a local file system, or your own application.
-
No migration required. Teams modernizing to React can keep their SSRS Report Server and replace only the viewer.
Connect to any datasource
Connect data from a wide variety of data providers that are in local or server databases:
-
Built-in data sources: Microsoft SQL Server, Microsoft SQL Azure, SQL CE, XML, Microsoft Access, Oracle, OLEDB, and ODBC.
-
Business object data sources: IList, DataSet, and DataTable.
-
Custom data processing extensions: MySQL, SQLite, PostgreSQL, and more.
Eye-popping data visualization
The React Report Viewer displays reports that provide information, insights, and trends:
-
Basic items: Text box, image, line, and rectangle.
-
Data region items: Table, matrix (pivot table), and list.
-
Data visualization: Charts, sparklines, data bars, gauges, indicators, and maps.
-
Custom report items: Barcodes, QR barcodes, E-signature, and more.
Presentation-ready reports
Visualize your information with unmatched clarity by highlighting data on demand using the React Report Viewer. Supported data customization options include:
-
HTML/rich text rendering.
-
Conditional formatting.
-
Simple and complex expressions.
Data shaping
View organized and shaped data to make bolder business decisions using the following techniques:
-
Sorting
-
Filtering
-
Grouping
-
Summaries and aggregates
-
Calculated fields
Report parameters
Report parameters are one of the most widely used features in Bold Reports to enable interaction with RDL/RDLC reports at runtime. The following parameter types allow you to control data filtering, customization, and presentation, enhancing the user experience.
-
Cascading parameters
-
Query-based (Dataset) parameters
-
Non-query (Static) parameters
-
Multi-value parameters
-
Custom parameter layouts
Print and export
-
Print or export your reports directly from the toolbar.
-
Supported formats include PDF, Word, Excel, PowerPoint, CSV, XML, and HTML with pixel-perfect accuracy across all outputs.
Built-in themes
-
Choose from Material, Bootstrap, and Fabric themes or use the high-contrast theme for better accessibility.
-
Each theme ensures pixel-perfect alignment and consistent design across applications.
Responsive rendering
-
The React Report Viewer automatically adapts to any screen size.
-
It renders optimally on phones, tablets, and desktops, ensuring smooth performance across all devices.
Ready to Build with the React Report Viewer?
Explore Bold Reports with a free trial or schedule a personalized product demo.
Free for 30-days.
Customize and Deliver Reports Built for React Viewer
Easily manage how reports are delivered and presented with flexible output options and customization capabilities tailored to your application needs.
Interactive reports
The React Report Viewer displays data in data regions that support user interactions at runtime with features like drill down, drill through, hyperlinks, bookmarks, document map, and sub-reports.
Multicolumn reports
Display data in multiple adjacent columns for professional layouts such as mail merges, product catalogs, business cards, newsletters, and other document formats.
Print preview
Configure print settings such as paper size, margins, and orientation, then preview the final output to ensure accurate formatting before printing and avoid layout inconsistencies.
Customization
Supports complete customization to entirely change the appearance of the toolbar and parameter layout to fit your application’s look and feel and align with your branding requirements.
Globalization and localization
Support global audiences with culture settings and localized static text, enabling applications to deliver content effectively in multiple languages across regions worldwide.
Browser compatibility
Works across all modern browsers and devices, with the React Report Viewer built on HTML5 elements to ensure consistent rendering without requiring additional plugins.
Enterprise-Ready Compliance
Bold Reports helps you meet key security and compliance standards. All activity logs are safely stored, can’t be changed, and are easy to export when needed.
Frequently Asked Questions
Yes, this is a common path for teams modernizing a React application while keeping their reporting infrastructure. The SSRS server continues to host and process reports, and the React Report Viewer replaces the report viewing experience.
Yes, the React Report Viewer connects to a Microsoft SSRS Report Server and renders the RDL reports published there. Set the report server URL and the report path, and the report loads inside your React component.
No, reports stay on your SSRS Report Server in their current form. The viewer reads them as they are, including parameters, expressions, subreports, and charts.
Yes, reports loaded from an SSRS Report Server are processed by SSRS, so output matches what your users see today.
The SSRS Report Server does not expose stored data source credentials. For reports whose data sources need credentials, pass them through the DataSourceCredentials property for each data source in the report.
The Angular Report Viewer supports Angular 2 and above. See the release notes for the latest verified version.
Yes, Bold Reports includes its own Report Designer and Report Server, so it works independently of SSRS. SSRS connectivity is one option, not a requirement.
Ready to Add Custom Reports to Your Application?
With Bold Reports, you can build and embed reports that feel like a native part of your application fully branded and easy to use.
No credit card required.