Chat Icon
Announcement Speaker Release Announcement: Introducing Bold Reports version 6.1.34! Learn More
Created with Sketch.
Login-icon

Enhance Your Data Reporting with the React Report Viewer

Overview

The React Report Viewer efficiently accesses, displays, and interacts with SSRS RDL and RDLC reports from diverse data sources. It supports localization, multiple export formats (PDF, Excel, CSV) and customizable printing. Interactive features like drill-down, drill-through, hyperlinks and subreports enrich user experience. Seamlessly integrates with applications, offering role-based access control for security.​​

What you can do with React Report Viewer

Reports from anywhere

Effortlessly access and view SSRS RDL and RDLC reports with the React Report Viewer. With or without a report server, the viewer allows easy access to reports from Microsoft SSRS, SSRS SharePoint, as well as applications, cloud storages, and databases.

View reports from any server or embedded in apps using the React Report Viewer.
The React Report Viewer connects to any data source using a variety of data providers.

Connect to any data source

Consume data from a wide variety of data providers that are in local or server databases:

  • Bullet inBuilt-in data sources:
    Microsoft SQL Server, Microsoft SQL Azure, SQL CE, XML, Microsoft Access, Oracle, OLEDB, and ODBC.
  • Bullet inBusiness object data sources: IList, DataSet, and DataTable.
  • Bullet inCustom data processing extensions: MySQL, SQLite, PostgreSQL, and more.

Eye-popping data visualization

The React Report Viewer displays reports that provide information, insights, and trends:

  • Bullet inSorting
  • Bullet inFiltering
  • Bullet inGrouping
  • Bullet inSummaries and aggregates
  • Bullet inCalculated fields

The React Report Viewer shows beautiful reports with eye-popping data visualization items.
Presentation-ready reports with charts and rich formatting using React Report Viewer.

Presentation-ready reports

Visualize your information with unmatched clarity by highlighting data on demand using the React Report Viewer. Supported data customization options include:

  • Bullet inHTML/rich text rendering.
  • Bullet inConditional formatting.
  • Bullet inSimple and complex expressions.

Data shaping

View organized and shaped data to make bolder business decisions using the following techniques:

  • Bullet inSorting
  • Bullet inFiltering
  • Bullet inGrouping
  • Bullet inSummaries and aggregates
  • Bullet inCalculated fields

The React Report Viewer provides organized data reports with sorting, grouping, filtering, and calculated fields.
The React Report Viewer showing a product line sales report with cascading report parameters.

Report parameters

  • Bullet inCascading parameters
  • Bullet inNon-queried parameters
  • Bullet inQueried parameters
  • Bullet inMultivalued parameters
  • Bullet inCustom parameter layouts

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 or anchors, document map, sub-reports, and nested data regions.

The React Report Viewer supports drillthrough, drill-down, and hyperlinks in reports.
The React Report Viewer displaying a product sales report in multiple columns.

Multicolumn reports

Allows the user to visualize the data across multiple adjacent columns such as mail merge, business cards, newspaper, and more.

Print preview

Provides support to set up print options like paper size, margins, and orientation of the printable output and preview the result.

Change the page settings and print preview the output using the React Report Viewer.
The React Report Viewer provides built-in printing and exporting options.

Print and export

Effortlessly print and export report contents by just clicking the print/export option in the toolbar. The most popular file formats such as PDF, Word, Excel, CSV, PowerPoint, XML, and HTML are supported.

Customization

Supports complete customization to entirely change the appearance of the toolbar and parameter layout to fit your application’s look and feel.

The React Report Viewer toolbar and component elements are easily customizable.
The built-in color themes in the React Report Viewer allow developers to create visually appealing reporting applications.

Stunning built-in themes

Pixel-perfect built-in themes are available in Material, Bootstrap, and Fabric designs. In addition, the library comes with an accessible high-contrast theme.

Developer-friendly APIs

You have control over all UI elements (toolbar, parameter block, page, and dialogs) and behaviors of the React Report Viewer. It provides the best user experience to users through a rich set of developer-friendly APIs.

Developer-friendly APIs are available in the React Report Viewer.
All elements of the React Report Viewer component are localized.

Globalization and localization

Easily build applications to be used by a global audience in various languages using culture settings and localizing static text.

Responsive rendering

React Report Viewer will adaptively render itself with optimal user interfaces for phone, tablet, or desktop form factors. This allows your application to scale elegantly on all kinds of devices.

React Report Viewer responsively renders in all devices.
The React Report Viewer is compatible with all modern browsers.

Browser compatibility

Works in all modern browsers on all devices as the React Report Viewer is rendered using HTML5 elements.

React Version Compatibility

With continuous improvement in React versions, the React Report Viewer is kept up to date to make it compatible with the latest version.

Other supported frameworks