We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Essential JS2

Syncfusion jQuery based widgets are no longer in active development. Switch to our pure JavaScript based next generation Essential JS 2 library.

Syncfusion Feedback

How to Load SubReport in Syncfusion ReportViewer?

Platform: jQuery |
Control: ejReportViewer |
.NET Framework: 4.5

How to Load SubReport in Syncfusion ReportViewer

This article describes how to load the Subreport in the JavaScript ReportViewer. You can also refer to the Getting Started with JavaScript ReportViewer from the User Guide, available in the following link:


Loading SubReport in JavaScript ReportViewer:

The following steps help you to load a RDLC report with SubReport item,

  1. As per RDL standard, you can set the SubReport Path and properties like as MS ReportViewer as shown in below screenshot,

Option to set SubReport path and properties


  1. You can pass the Datasource values to Sub Report on Report Loaded method as shown in the below example,
    public void OnReportLoaded(ReportViewerOptions reportOption)
        if (reportOption.SubReportModel != null)
    reportOption.SubReportModel.DataSources.Add(new ReportDataSource { Name = "StoreSales", Value = StoreSales.GetData() });
          reportOption.ReportModel.DataSources.Add(new ReportDataSource { Name = "TopSalesPerson", Value = SalesPersons.GetTopSalesPerson() });

SubReport Model Properties:

The ReportViewer has the following subreport properties.


Gets/sets the datasources of the subreport.


Gets the datasources names of the subreport.


Gets/sets the parameters to the subreport.


Gets/sets the Report Path of the subreport.


Sets the report stream for the subreport.


Run the Application:

Run the sample application and you can see the output of the RDLC subreport loading as displayed in the following screenshots:

SubReport is generated

Demo Sample

You can download the Demo Sample from the following link.


Further References

You can find documentation and demo samples for JavaScript ReportViewer Control from the following links.




You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile