Landscape Report Printing

You can easily convert grid data and layouts into printable reports using GridReportViewer (opens in a new tab).

Additional demos and documentation are available on the RealReport (opens in a new tab) website.

Grid report printing outputs the values displayed on the screen as they are in the report.

Setting paper.orientation to landscape allows you to print in landscape orientation.

(Safari allows you to set the paper orientation directly in the print preview.)

var reportOptions ={
  paper:{
    orientation: "landscape" //orientation landscape
  },
    title: {
        text: '그룹컬럼 리포트 출력',
        top: '20px',
        styles: {
            fontFamily: 'Arial',
            fontSize: '3em',
            fontWeight: '700',
            borderBottom: '2px solid blue',
        },
    },
    subTitle: {
        text: '',
        top: '70px',
        styles: {
            fontSize: '14px',
            fontStyle: 'italic',
            paddingTop: '30px',
            paddingBottom: '30px',
        },
    },
    ...
}
 
document.addEventListener('DOMContentLoaded', function () {
    const viewer = new RealReport.GridReportViewer (
            "realreport",
            gridView,
            reportOptions
        );
    viewer.preview()
})

realreport groupColumn 🆕realmap interface 🆕