pdfmake example

// playground requires you to assign document definition to a variable called dd

var dd = {
    // compress: false,
    pageSize: 'A4',
    pageMargins: [50, 40, 50, 65],
    styles: {
      header: {
        fontSize: 22,
        bold: true,
        alignment: 'center'
      },
      subheader: {
        fontSize: 15,
        bold: true,
        alignment: 'center'
      },
      reportTable: {
        alignment: 'center'
      },
      resumeReportTable: {
        fontSize: 14,
        bold: true,
        alignment: 'right',
        margin: [0, 20, 30, 0]
      },
      tableHeader: {
        bold: true,
        fontSize: 14,
        color: 'black'
      }
    },
    info: {
      title: 'Relatório do administrador',
      author: 'E-conomize Backoffice',
      subject: 'Relatório do administrador',
      creator: 'E-conomize Backoffice',
      producer: 'E-conomize Backoffice'
    },
    footer: function(currentPage, pageCount) {
      return [
        {
          columns: [
            { width: '*', text: '' },
            { text: currentPage.toString() + ' de ' + pageCount, alignment: 'right', margin: [50, 15] }
          ]
        }
      ]
    },
    content: [
      {
        columns: [
          { width: '*', text: '' },
          {
            width: '150',
            margin: [0, 0, 0, 15],
            image: 'data:image/gif;base64,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'
          },
          { width: '*', text: '' }
        ]
      },
      {
        text: 'NOME_DA_LOJA',
        style: 'header',
        alignment: 'center',
        margin: [0, 0, 0, 5]
      },
      {
        text: 'Relatório de vendas no período',
        style: 'subheader',
        alignment: 'center'
      },
      {
        text: 'DATA_INICIAL ~ DATA_FINAL',
        style: 'subheader',
        margin: [0, 0, 0, 10]
      },
      {
        style: 'reportTable',
        margin: [0, 0, 0, 10],
        table: {
          headerRows: 1,
          dontBreakRows: true,
          widths: [ 'auto', '*', '*', '*', '*', '*' ],
          body: [
                [ { text: 'Data', style: 'tableHeader' }, { text: 'Cliente', style: 'tableHeader' }, { text: 'Loja', style: 'tableHeader' }, { text: 'Valor da compra', style: 'tableHeader' }, { text: 'Valor pago', style: 'tableHeader' }, { text: 'Valor economizado', style: 'tableHeader' } ],
                [ { text: 'Data', style: 'tableHeader' }, { text: 'Cliente', style: 'tableHeader' }, { text: 'Segmento', style: 'tableHeader' }, { text: 'Valor da compra', style: 'tableHeader' }, { text: 'Valor pago', style: 'tableHeader' }, { text: 'Valor economizado', style: 'tableHeader' } ],
                [ { text: 'Data', style: 'tableHeader' }, { text: 'Cliente', style: 'tableHeader' }, { text: 'Loja', style: 'tableHeader' }, { text: 'Valor da compra', style: 'tableHeader' }, { text: 'Valor pago', style: 'tableHeader' }, { text: 'Valor economizado', style: 'tableHeader' } ],
                [ { text: 'Data', style: 'tableHeader' }, { text: 'Cliente', style: 'tableHeader' }, { text: 'Segmento', style: 'tableHeader' }, { text: 'Valor da compra', style: 'tableHeader' }, { text: 'Valor pago', style: 'tableHeader' }, { text: 'Valor economizado', style: 'tableHeader' } ],
                [ { text: 'Data', style: 'tableHeader' }, { text: 'Cliente', style: 'tableHeader' }, { text: 'Loja', style: 'tableHeader' }, { text: 'Valor da compra', style: 'tableHeader' }, { text: 'Valor pago', style: 'tableHeader' }, { text: 'Valor economizado', style: 'tableHeader' } ],
                [ { text: 'Data', style: 'tableHeader' }, { text: 'Cliente', style: 'tableHeader' }, { text: 'Segmento', style: 'tableHeader' }, { text: 'Valor da compra', style: 'tableHeader' }, { text: 'Valor pago', style: 'tableHeader' }, { text: 'Valor economizado', style: 'tableHeader' } ],
            
              ]
        }
      }
    ]
  };