{"id":2078,"date":"2019-04-29T00:29:56","date_gmt":"2019-04-28T23:29:56","guid":{"rendered":"https:\/\/www.kumbiaphp.com\/blog\/?p=2078"},"modified":"2020-04-21T17:19:29","modified_gmt":"2020-04-21T16:19:29","slug":"exportar-tabla-html-a-pdf","status":"publish","type":"post","link":"https:\/\/kumbiaphp.com\/blog\/2019\/04\/29\/exportar-tabla-html-a-pdf\/","title":{"rendered":"Exportar tabla HTML a PDF"},"content":{"rendered":"\n

En esta segunda parte veremos como exportar una tabla HTML a PDF usando la librer\u00eda mPDF. Si no has visto la primera parte este es el primer art\u00edculo: Crear PDF usando HTML<\/a> donde aprendimos a crear un PDF usando partials y funciones en un modelo.<\/p>\n\n\n\n

[Actualizaci\u00f3n: Abril 2020] Hemos creado un nuevo repositorio llamado Sandbox en Github<\/a> donde van a estar todos los ejemplos y que podr\u00e1n visualizar en vivo en la p\u00e1gina KumbiaPHP Framework Examples<\/a> por lo tanto el c\u00f3digo se ha mejorado y los links han cambiado.<\/p>\n\n\n\n

Template PDF<\/h2>\n\n\n\n

Un template permite ahorrar c\u00f3digo que se repite en la vistas, permitiendo as\u00ed un f\u00e1cil mantenimiento y separaci\u00f3n del contenido. Realizar\u00e1 la carga de librer\u00eda, la cabecera y el pi\u00e9 de p\u00e1gina y por supuesto el contenido que queremos mostrar.<\/p>\n\n\n\n

Para los que aun no han visto el tema de templates en KumbiaPHP o tienen dudas de su funcionamiento los invito a leer la secci\u00f3n sobre el manejo de vistas en KumbiapHP.<\/a> A continuaci\u00f3n el c\u00f3digo completo del template y m\u00e1s abajo con capturas se explica cada parte importante.<\/p>\n\n\n\n\n\n\n\n

Archivo: app\/views\/_shared\/templates\/pdf\/mpdf.phtml<\/em><\/p>\n\n\n\n

<?php\n\nuse Mpdf\\Mpdf;\n\n\/* Defaults *\/\n\n\/\/ fileName\n$fileName = $filename ?? "Reporte-de-$controller_name";\n\n\/\/ Title\n$title = $title ?? "Reporte de $controller_name";\n\n\/\/ CSS\n$css = $css ?? 'css\/pdf.css';\n\n\/\/ Destination I show in browser  D download\n$destination = isset($download) && $download ? 'D' : 'I';\n\n\/\/Activa el almacenamiento en b\u00fafer de la salida\nob_start();\n\n?>\n<!DOCTYPE html>\n<html lang="en">\n\n<head>\n    <title><?= $title ?><\/title>\n    <link rel="stylesheet" type="text\/css" href="<?= $css ?>">\n    <meta name="author" content="KumbiaPHP framework">\n    <meta name="description" content="PDF output example with KumbiaPHP framework">\n    <meta name="keywords" content="kumbiaphp, php, pdf, mpdf, examples">\n\n<body>\n    <htmlpageheader name="myHeader1">\n        <section id="page-header">\n            <a href="https:\/\/www.kumbiaphp.com"><img src="img\/kumbiaphp.svg" alt="Logo KumbiaPHP"><\/a>\n            <p>Powered by<\/p>\n        <\/section>\n    <\/htmlpageheader>\n\n    <?php View::content() ?>\n\n    <htmlpagefooter name="myFooter1">\n        <section id="page-footer">\n            <div id="printed-date">{DATE d\/m\/Y}<\/div>\n            <div id="page-number">{PAGENO}\/{nbpg}<\/div>\n        <\/section>\n    <\/htmlpagefooter>\n<\/body>\n\n<\/html>\n<?php\n$html = ob_get_clean();\nob_clean();\n\n\/\/ Crea una instancia de la clase y le pasa el directorio temporal\n$mpdf = new Mpdf([\n    'tempDir' => APP_PATH . 'temp\/mpdf',\n    'format' => 'A4',\n    'title2annots' => true,  \/\/ convert headers <hx> in annotations\n    'mirrorMargins' => 0,    \/\/ mirror the left and right margin values on odd and even pages \n    'exposeVersion' => false \/\/ security \n    \/\/ more variables in https:\/\/mpdf.github.io\/reference\/mpdf-variables\/overview.html\n]);\n\n\/\/ Escribe el contenido HTML (Template + View):\n$mpdf->WriteHTML($html);\n\n\/\/ Genera el PDF, ya sea para su descarga o visualizaci\u00f3n en el navegador\n$mpdf->Output("$fileName.pdf", $destination);\n<\/code><\/pre>\n\n\n\n
El proyecto ya usa el autoload de composer para tener disponible mPDF y simplemente importa Mpdf\\Mpdf<\/em>. Luego se definen algunas variables para personalizar el PDF y se ejecuta la funci\u00f3n ob_start()<\/a>. \u00abEsta funci\u00f3n activar\u00e1 el almacenamiento en b\u00fafer de la salida. Mientras dicho almacenamiento est\u00e9 activo, no se enviar\u00e1 ninguna salida desde el script (aparte de cabeceras); en su lugar la salida se almacenar\u00e1 en un b\u00fafer interno.\u00bb<\/p>\n\n\n\n
Si desean conocer como agregar encabezados y pies de p\u00e1ginas con mPDF un compa\u00f1ero realiz\u00f3 un manual en la Wiki de KumbiaPHP que muestra como agregarlos usando las funciones explicadas en el art\u00edculo anterior: Exportar a PDF con cabecera y pie de pagina<\/a><\/p>\n\n\n\n
Ahora en el <body><\/em> definimos el contenido de la cabecera y el pie de p\u00e1gina, y entre ellos la funci\u00f3n View::content()<\/a><\/em> que nos permite mostrar el contenido de la vista.<\/p>\n\n\n\n
\"\"
Contenido del Body<\/figcaption><\/figure>\n\n\n\n
mPDF maneja sus propias etiquetas, van entre llaves {} y usamos algunas de ellas:<\/p>\n\n\n\n