JSPDF - Auto table

stephcache
Javascript

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
Auteur
Réponse acceptée

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];
      }
    }