Linking 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 RealReport (opens in a new tab) homepage.

The grid report output outputs the values ​​displayed on the screen as they are in the report. After modifying the values ​​of the "Date of Employment" and "Salary" columns, you can click the report preview button to check if the changed values ​​are applied.

When creating a report viewer, you can use the grid object to output a report that matches the columns and data currently being displayed.

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