Blog
En este tutorial aprenderemos a imprimir una página con jQuery usando el plugin printThis con un ejemplo muy sencillo.
Para realizar esta tarea primero debemos descargar el plugin desde su repositorio oficial: https://github.com/jasonday/printThis para luego incluirlo en nuestro archivo HTML.
¿Cómo imprimir una página con jQuery (printThis)?
Para realizar esto vamos a crear una página muy sencilla con un encabezado h2 y una tabla con algunos valores, como se muestra en el siguiente ejemplo:
<!DOCTYPE html> <html> <head> <title>Imprimir una página con jQuery (printThis)</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="printThis.js"></script> </head> <body> <div id="pagina"> <h2>Título de página</h2> <table > <tr> <td>dato1</td> <td>dato2</td> <td>dato3</td> </tr> <tr> <td>dato4</td> <td>dato5</td> <td>dato6</td> </tr> </table> </div> <button id="print_btn" type="button">Imprimir</button> <script> $(document).ready(function () { $('#print_btn').click(function () { $('#pagina').printThis(); }); }); </script> </body> </html>
Luego de oprimir el botón del ejemplo anterior automáticamente se imprimirá el contenido de la etiqueta con id “pagina”.
Bueno gente, eso es todo por hoy, espero que les sea de gran utilidad este tutorial en el cual se explica cómo Imprimir una página con jQuery. Ante cualquier problema no duden en dejar un comentario.
Hola,
Gracias por el ejemplo me ayudo mucho!
Sabes como puedo usar una hoja de estilos para la pagina de impresión usando el plugin prinThis?
He estado investigando pero no me funciona, quiero definir los margenes y que la hoja se muestre en horizontal.
Me ayudaría mucho!
Gracias!