React-to-print: Multiple page print - default top and bottom margin.

Created on 23 Jun 2020  路  2Comments  路  Source: gregnb/react-to-print

When printing the component, I see there is no default margin. For the left and right margin, I have given some padding in the root component, but when the component is taking more than one page, it is continued and there is no top and bottom margin in pdf.

picture shashankrepo

Most helpful comment

pageStyle:
'@page { size: auto; margin: 10mm; } @media print { body { -webkit-print-color-adjust: exact; } }'

picture shashankrepo on 23 Jun 2020
👍3

All 2 comments

pageStyle:
'@page { size: auto; margin: 10mm; } @media print { body { -webkit-print-color-adjust: exact; } }'

shashankrepo picture shashankrepo on 23 Jun 2020
👍3

Glad you got this figured out!

MatthewHerbst picture MatthewHerbst on 24 Jun 2020
Was this page helpful?
0 / 5 - 0 ratings

Related issues

JoshuaKGoldberg picture JoshuaKGoldberg  路  3Comments
avniraiyani picture avniraiyani  路  3Comments
icebravo picture icebravo  路  5Comments
k-jiang picture k-jiang  路  5Comments
MikeSha picture MikeSha  路  4Comments