realgrid layout realreport

You can easily convert the grid data and layout into a report for printing using GridReportViewer (opens in a new tab).

Additional demos and documents are provided on the Real Report (opens in a new tab) homepage.

Grid report output outputs the values displayed on the screen as they are as a report.

Group columns applied to direction: "horizontal" in the grid layout can be output as a report.

When creating a report viewer, you can output a report according to the currently displayed columns and data using the grid object.

document.addEventListener('DOMContentLoaded', function () { 
    const viewer = new RealReport.GridReportViewer ( 
        "realreport", 
        gridView, 
        reportOptions 
    ); 
    viewer.preview()
})