JSPDF - Auto table

Par stephcache, il y a 6 ans


Bonjour, je tente d'utilisé la librérie JSPDF auto-table pour géneré un tableau en PDF.

Mon problème est que je voudrais mettre certaine ligne en vert avec le code suivant:

didParseCell: function(data) { if(data.row.index === 10) { data.cell.styles.fillColor = [40, 170, 100]; } }

Je dois pas faire sa correctement car sa colore rien

Le code complé:

var columns = ['N°', 'Année', 'Gra', 'Q18', 'Niveau 1', 'Niveau 2', 'Niveau 3', 'Niveau 4', 'Identification', 'Observation', 'Préconisation', 'Date', 'Par', 'Commentaire']; var rows = [ ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ["1001", "2009", "2", "9", "Logistique", "Bâtiment expédition", "Zone de stockage 1 (Côté Atelier)", "Batiment", "Je ne sais pas", "Installer des blocs de secours pour baliser la direction de sortie suite à la création de l'atelier", "A réaliser", "02/05/2019", "HENAULT Stéphane", "FAIT"], ]; var doc = new jsPDF("landscape", "px", "a4"); var totalPagesExp = "{total_pages_count_string}"; var pageContent = function (data) { var str = "Page " + data.pageCount; if (typeof doc.putTotalPages === 'function') { str = str + " sur " + totalPagesExp; } doc.setFontSize(8); doc.text(str, data.settings.margin.left, doc.internal.pageSize.height - 8); }; doc.autoTable ( columns, rows, { pageBreak: 'always', tableLineColor: [0, 0, 0], tableLineWidth: 0.5, styles: { lineColor: [0, 0, 0], lineWidth: 0.5, fontSize: 6, halign: 'center', valign: 'middle', cellPadding: 2 }, headerStyles: { fillColor: [225, 165, 0], textColor: 0, fontSize: 6, fontStyle: 'bold' }, bodyStyles: { //fillColor: [216, 216, 216], //textColor: 0 }, theme: 'grid', margin: [10, 10, 20, 10], // top, right, buttom, left addPageContent: pageContent, "columnStyles": { 0: {columnWidth: 16}, 1: {columnWidth: 20}, 2: {columnWidth: 13}, 3: {columnWidth: 15}, 4: {columnWidth: 50, overflow: 'linebreak'}, 5: {columnWidth: 50, overflow: 'linebreak'}, 6: {columnWidth: 50, overflow: 'linebreak'}, 7: {columnWidth: 50, overflow: 'linebreak'}, 8: {columnWidth: 70, overflow: 'linebreak'}, 9: {columnWidth: 70, overflow: 'linebreak'}, 10: {columnWidth: 70, overflow: 'linebreak'}, 11: {columnWidth: 30}, 12: {columnWidth: 36, overflow: 'linebreak'}, 13: {columnWidth: 72}, }, didParseCell: function(data) { if(data.row.index === 10) { data.cell.styles.fillColor = [40, 170, 100]; } } } ); if(typeof doc.putTotalPages === 'function') { doc.putTotalPages(totalPagesExp); } doc.save('table.pdf');

1 réponse

stephcache, il y a 6 ans

Bon finalement, je viens de trouvé. Je sechais depuis ce week-end

createdCell: function(cell, opts) { //console.log(cell); //console.log(opts); if (opts.row.index == 10) { cell.styles.fillColor = [40,170,100]; } }