Abrir nova janela e imprimi-la com JavaScript
2a atrás
Para abrir uma nova janela use o código abaixo:
const win = open();
Agora vamos adicionar o conteúdo da nova janela:
win.document.write(`
<table style="text-align: center; width: 100%;">
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Val 1.1</td>
<td>Val 1.2</td>
<td>Val 1.3</td>
</tr>
<tr>
<td>Val 2.1</td>
<td>Val 2.2</td>
<td>Val 2.3</td>
</tr>
<tr>
<td>Val 2.1</td>
<td>Val 2.2</td>
<td>Val 2.3</td>
</tr>
</tbody>
</table>
`); // Adicione aqui o conteúdo da sua página para impressão
win.document.close();
E printar:
win.focus();
win.print();
Código completo:
const win = open();
win.document.write(`
<table style="text-align: center; width: 100%;">
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Val 1.1</td>
<td>Val 1.2</td>
<td>Val 1.3</td>
</tr>
<tr>
<td>Val 2.1</td>
<td>Val 2.2</td>
<td>Val 2.3</td>
</tr>
<tr>
<td>Val 2.1</td>
<td>Val 2.2</td>
<td>Val 2.3</td>
</tr>
</tbody>
</table>
`); // Adicione aqui o conteúdo da sua página para impressão
win.document.close();
win.focus();
win.print();
Comentários (0)