Используя document.write (), я печатаю содержимое объекта, отформатированного для принтера.Текст будет печататься только начиная с середины страницы.
Я могу напечатать экран напрямую без этой проблемы, поэтому мне кажется, что я что-то форматирую неправильно, но я никогда раньше этого не делал иЯ не знаю, что не так.
Вот моя функция печати.
let popupWin: any;
popupWin = window.open('', '_blank', 'top=0,left=0,height=100%,width=auto');
popupWin.document.open();
popupWin.document.write(`
<html>
<head>
<title>${this.editPla.name}</title>
<style></style>
</head>
<body onload="window.print();window.close()">
<table>
${values[0]}
${values[1]}
</table>
</body>
</html>
`
);
popupWin.document.close();
}
Вот краткий пример строки, содержащейся в переменной values (фактическая строка довольно длинная):
<tr style="width:100%;">
<td style="height:5px;width:75px; border-bottom:1px dotted #777;font-size:12px;padding-top:10px;">Foo</td>
<td style="height:5px;border-bottom:1px dotted #777;font-size:12px;padding-top:10px;">Bar</td><br>
<td style="height:5px;width:75px; border-bottom:1px dotted #777;font-size:12px;padding-top:10px;">Foo</td>
<td style="height:5px;border-bottom:1px dotted #777;font-size:12px;padding-top:10px;">Bar</td><br>
<td style="height:5px;width:75px; border-bottom:1px dotted #777;font-size:12px;padding-top:10px;">Foo</td>
<td style="height:5px;border-bottom:1px dotted #777;font-size:12px;padding-top:10px;">Bar</td><br>
<td style="height:5px;width:75px; border-bottom:1px dotted #777;font-size:12px;padding-top:10px;">Foo</td>
<td style="height:5px;border-bottom:1px dotted #777;font-size:12px;padding-top:10px;">Bar</td><br>
</tr>
Мои результаты такие, как показано: https://drive.google.com/file/d/1szQ-a3-KEVjYFhQfHDEJPTXKnG9-5m8S/view?usp=sharing