Abrir nova janela e imprimi-la com JavaScript

1a 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();

#JavaScript

Comentários (0)