{"id":534,"date":"2019-10-16T20:48:27","date_gmt":"2019-10-16T18:48:27","guid":{"rendered":"https:\/\/numa-bord.com\/miniblog\/?p=534"},"modified":"2019-10-16T20:48:59","modified_gmt":"2019-10-16T18:48:59","slug":"nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake","status":"publish","type":"post","link":"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/","title":{"rendered":"NodeJs et ExpressJs : G\u00e9n\u00e9rer des PDF contenant des tableaux avec pdfmake"},"content":{"rendered":"

Si l’on souhaite g\u00e9n\u00e9rer des PDF \u00ab\u00a0riches\u00a0\u00bb sur un projet utilisant NodeJs et ExpressJs, en particulier des PDF affichant des tableaux, le plus simple est d’utiliser pdfmake<\/a>. On commence donc par installer la d\u00e9pendance :<\/p>\n

npm install<\/span> pdfmake<\/div><\/div>\n

La suite est juste un exemple concret d’utilisation sur une URL affichant directement le document PDF. Car je n’ai pas trouv\u00e9 la documentation claire \u00e0 ce sujet. Une fois que vous avez cette base il devient simple de mettre en page les \u00e9l\u00e9ments comme on le souhaite en utilisant les exemples de la documentation<\/a><\/p>\n

router.get<\/span>(<\/span>'\/pdf'<\/span>,<\/span> function<\/span> (<\/span>req,<\/span> res)<\/span> {<\/span>
\n    \/\/on importe les font \u00e0 utiliser, voir https:\/\/pdfmake.github.io\/docs\/fonts\/standard-14-fonts\/ pour les font disponible par d\u00e9faut<\/span>
\n    var<\/span> fonts =<\/span> {<\/span>Helvetica:<\/span> {<\/span>normal:<\/span> 'Helvetica'<\/span>,<\/span> bold:<\/span> 'Helvetica-Bold'<\/span>,<\/span> italics:<\/span> 'Helvetica-Oblique'<\/span>,<\/span> bolditalics:<\/span> 'Helvetica-BoldOblique'<\/span>}<\/span>,<\/span> }<\/span>;<\/span>
\n    \/\/exemple de contenu du PDF<\/span>
\n    var<\/span> dd =<\/span> {<\/span>
\n        \/\/les differents contenus<\/span>
\n        content:<\/span> [<\/span>
\n            {<\/span>
\n                \/\/en premier 2 colonnes contenant une imag et un texte<\/span>
\n                columns:<\/span> [<\/span>
\n                    {<\/span>image:<\/span> '.\/chemin\/vers\/mon-image.jpg'<\/span>,<\/span> width:<\/span> 100<\/span>}<\/span>,<\/span>\/\/attention si l'image n'existe pas \u00e7a plante<\/span>
\n                    \/\/un texte avec diff\u00e9rents style<\/span>
\n                    {<\/span>text:<\/span> [<\/span>
\n                            'MON TITRE '<\/span>,<\/span>
\n                            {<\/span>text:<\/span> 'N\u00b0 999'<\/span>,<\/span> color:<\/span> 'red'<\/span>}<\/span>\/\/on indique directement la prori\u00e9t\u00e9 de style color<\/span>
\n                        ]<\/span>,<\/span>
\n                        style:<\/span> 'titleStyle'<\/span>\/\/style d\u00e9finis plus bas<\/span>
\n                    }<\/span>
\n                ]<\/span>
\n            }<\/span>,<\/span>
\n            '\\n<\/span>\\n<\/span>'<\/span>,<\/span> \/\/sauts de ligne<\/span>
\n            {<\/span>text:<\/span> 'titre du tableau'<\/span>,<\/span> style:<\/span> 'tableHeader'<\/span>}<\/span>,<\/span>
\n            {<\/span>style:<\/span> 'tableExample'<\/span>,<\/span>
\n                table:<\/span> {<\/span>
\n                    body:<\/span> [<\/span>
\n                        [<\/span>{<\/span>text:<\/span> 'titre de colonne 1'<\/span>,<\/span> style:<\/span> 'tableHeader'<\/span>}<\/span>,<\/span> {<\/span>text:<\/span> 'titre de colonne 2'<\/span>,<\/span> style:<\/span> 'tableHeader'<\/span>}<\/span>,<\/span> ]<\/span>,<\/span>
\n                        [<\/span>'contenus de ma colonne'<\/span>,<\/span> 'un autre contenu'<\/span>]<\/span>,<\/span>
\n                    ]<\/span>
\n                }<\/span>
\n            }<\/span>,<\/span>
\n        ]<\/span>,<\/span>
\n        \/\/les diff\u00e9rents styles \u00e0 appliquer<\/span>
\n        styles:<\/span> {<\/span>
\n            tableExample:<\/span> {<\/span>margin:<\/span> [<\/span>0<\/span>,<\/span> 5<\/span>,<\/span> 0<\/span>,<\/span> 15<\/span>]<\/span>}<\/span>,<\/span>
\n            tableHeader:<\/span> {<\/span>bold:<\/span> true<\/span>,<\/span> fontSize:<\/span> 12<\/span>,<\/span> color:<\/span> 'black'<\/span>}<\/span>,<\/span>
\n            titleStyle:<\/span> {<\/span>bold:<\/span> true<\/span>,<\/span> fontsize:<\/span> 14<\/span>,<\/span> alignment:<\/span> 'right'<\/span>}<\/span>
\n        }<\/span>,<\/span>
\n        defaultStyle:<\/span> {<\/span>font:<\/span> 'Helvetica'<\/span>,<\/span> columnGap:<\/span> 20<\/span>}<\/span>
\n    }<\/span>;<\/span>
\n    \/\/on apelle pdfmake<\/span>
\n    var<\/span> PdfPrinter =<\/span> require(<\/span>'pdfmake\/src\/printer'<\/span>)<\/span>;<\/span>
\n    \/\/avec les fonts \u00e0 utiliser<\/span>
\n    var<\/span> printer =<\/span> new<\/span> PdfPrinter(<\/span>fonts)<\/span>;<\/span>
\n    \/\/on passe notre contenu<\/span>
\n    let pdf =<\/span> printer.createPdfKitDocument<\/span>(<\/span>dd)<\/span>;<\/span>
\n    \/\/on termine et on envoie les bon headers<\/span>
\n    pdf.pipe<\/span>(<\/span>res)<\/span>;<\/span>
\n    pdf.end<\/span>(<\/span>)<\/span>;<\/span>
\n    res.statusCode<\/span> =<\/span> 200<\/span>;<\/span>
\n    res.setHeader<\/span>(<\/span>'Content-type'<\/span>,<\/span> 'application\/pdf'<\/span>)<\/span>;<\/span>
\n}<\/span>)<\/span>;<\/span><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

Si l’on souhaite g\u00e9n\u00e9rer des PDF \u00ab\u00a0riches\u00a0\u00bb sur un projet utilisant NodeJs et ExpressJs, en particulier des PDF affichant des tableaux, le plus simple est d’utiliser pdfmake. On commence donc par installer la d\u00e9pendance : npm install pdfmake La suite est juste un exemple concret d’utilisation sur une URL affichant directement le document PDF. Car […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2,21,18],"tags":[],"class_list":["post-534","post","type-post","status-publish","format-standard","hentry","category-developpement","category-expressjs","category-nodejs"],"acf":[],"yoast_head":"\nNodeJs et ExpressJs : G\u00e9n\u00e9rer des PDF contenant des tableaux avec pdfmake - Pense b\u00eate d'un d\u00e9veloppeur web<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"NodeJs et ExpressJs : G\u00e9n\u00e9rer des PDF contenant des tableaux avec pdfmake - Pense b\u00eate d'un d\u00e9veloppeur web\" \/>\n<meta property=\"og:description\" content=\"Si l’on souhaite g\u00e9n\u00e9rer des PDF \u00ab\u00a0riches\u00a0\u00bb sur un projet utilisant NodeJs et ExpressJs, en particulier des PDF affichant des tableaux, le plus simple est d’utiliser pdfmake. On commence donc par installer la d\u00e9pendance : npm install pdfmake La suite est juste un exemple concret d’utilisation sur une URL affichant directement le document PDF. Car […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/\" \/>\n<meta property=\"og:site_name\" content=\"Pense b\u00eate d'un d\u00e9veloppeur web\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-16T18:48:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-10-16T18:48:59+00:00\" \/>\n<meta name=\"author\" content=\"Numa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Numa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/\"},\"author\":{\"name\":\"Numa\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e\"},\"headline\":\"NodeJs et ExpressJs : G\u00e9n\u00e9rer des PDF contenant des tableaux avec pdfmake\",\"datePublished\":\"2019-10-16T18:48:27+00:00\",\"dateModified\":\"2019-10-16T18:48:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/\"},\"wordCount\":327,\"commentCount\":0,\"articleSection\":[\"D\u00e9veloppement\",\"ExpressJs\",\"NodeJs\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/\",\"url\":\"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/\",\"name\":\"NodeJs et ExpressJs : G\u00e9n\u00e9rer des PDF contenant des tableaux avec pdfmake - Pense b\u00eate d'un d\u00e9veloppeur web\",\"isPartOf\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#website\"},\"datePublished\":\"2019-10-16T18:48:27+00:00\",\"dateModified\":\"2019-10-16T18:48:59+00:00\",\"author\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e\"},\"breadcrumb\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/numa-bord.com\/miniblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"NodeJs et ExpressJs : G\u00e9n\u00e9rer des PDF contenant des tableaux avec pdfmake\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#website\",\"url\":\"https:\/\/numa-bord.com\/miniblog\/\",\"name\":\"Pense b\u00eate d'un d\u00e9veloppeur web\",\"description\":\"(php, javascript, Symfony, Wordpress....)\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/numa-bord.com\/miniblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e\",\"name\":\"Numa\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g\",\"caption\":\"Numa\"},\"url\":\"https:\/\/numa-bord.com\/miniblog\/author\/negonner\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"NodeJs et ExpressJs : G\u00e9n\u00e9rer des PDF contenant des tableaux avec pdfmake - Pense b\u00eate d'un d\u00e9veloppeur web","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/","og_locale":"fr_FR","og_type":"article","og_title":"NodeJs et ExpressJs : G\u00e9n\u00e9rer des PDF contenant des tableaux avec pdfmake - Pense b\u00eate d'un d\u00e9veloppeur web","og_description":"Si l’on souhaite g\u00e9n\u00e9rer des PDF \u00ab\u00a0riches\u00a0\u00bb sur un projet utilisant NodeJs et ExpressJs, en particulier des PDF affichant des tableaux, le plus simple est d’utiliser pdfmake. On commence donc par installer la d\u00e9pendance : npm install pdfmake La suite est juste un exemple concret d’utilisation sur une URL affichant directement le document PDF. Car […]","og_url":"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/","og_site_name":"Pense b\u00eate d'un d\u00e9veloppeur web","article_published_time":"2019-10-16T18:48:27+00:00","article_modified_time":"2019-10-16T18:48:59+00:00","author":"Numa","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Numa","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/#article","isPartOf":{"@id":"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/"},"author":{"name":"Numa","@id":"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e"},"headline":"NodeJs et ExpressJs : G\u00e9n\u00e9rer des PDF contenant des tableaux avec pdfmake","datePublished":"2019-10-16T18:48:27+00:00","dateModified":"2019-10-16T18:48:59+00:00","mainEntityOfPage":{"@id":"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/"},"wordCount":327,"commentCount":0,"articleSection":["D\u00e9veloppement","ExpressJs","NodeJs"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/","url":"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/","name":"NodeJs et ExpressJs : G\u00e9n\u00e9rer des PDF contenant des tableaux avec pdfmake - Pense b\u00eate d'un d\u00e9veloppeur web","isPartOf":{"@id":"https:\/\/numa-bord.com\/miniblog\/#website"},"datePublished":"2019-10-16T18:48:27+00:00","dateModified":"2019-10-16T18:48:59+00:00","author":{"@id":"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e"},"breadcrumb":{"@id":"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/numa-bord.com\/miniblog\/nodejs-et-expressjs-generer-des-pdf-contenant-des-tableaux-avec-pdfmake\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/numa-bord.com\/miniblog\/"},{"@type":"ListItem","position":2,"name":"NodeJs et ExpressJs : G\u00e9n\u00e9rer des PDF contenant des tableaux avec pdfmake"}]},{"@type":"WebSite","@id":"https:\/\/numa-bord.com\/miniblog\/#website","url":"https:\/\/numa-bord.com\/miniblog\/","name":"Pense b\u00eate d'un d\u00e9veloppeur web","description":"(php, javascript, Symfony, Wordpress....)","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/numa-bord.com\/miniblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e","name":"Numa","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g","caption":"Numa"},"url":"https:\/\/numa-bord.com\/miniblog\/author\/negonner\/"}]}},"_links":{"self":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts\/534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/comments?post=534"}],"version-history":[{"count":3,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts\/534\/revisions"}],"predecessor-version":[{"id":539,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts\/534\/revisions\/539"}],"wp:attachment":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/media?parent=534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/categories?post=534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/tags?post=534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}