title: How to add dynamic content in jsPDF?
body: <p>I'm using jsPDF with autotable and generating PDF of table with it.I want to add dynamic content in header section before table and after table. How i can add this HTML while creating PDF.
  HTML have dynamic data.</p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;div id="header_row" class="row"&gt;
          &lt;div class="col"&gt;
             &lt;img id="logo" :src="clientDetails.company_logo" alt=""&gt;    
               &lt;p&gt;&lt;b&gt;{{clientDetails.company_name}}&lt;/b&gt;&lt;/p&gt;
          &lt;/div&gt;
  
          &lt;div class="col-4 pull-right"&gt;
             &lt;p class="text-left"&gt;&lt;b&gt;{{assets_name}}&lt;/b&gt;&lt;/p&gt;
             =&lt;p class="text-left"&gt;&lt;b&gt;{{site_name}} {{building}} &amp; {{location}}&lt;/b&gt;&lt;/p&gt;
          &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>Script</p>
  
  <pre><code>var doc = new jsPDF('p', 'pt', 'a4');
  var elem = document.getElementById("table");
  var res = doc.autoTableHtmlToJson(elem);
  doc.autoTable(res.columns, res.data, {
      tableLineColor: [189, 195, 199],
      tableLineWidth: 0.75,
      bodyStyles: { lineColor: [189, 195, 199] },
      theme: 'grid',
      styles: {
          fontSize: 8,
          font: 'helvetica',
          cellPadding: 2,
          rowHeight: 2,
      },
      columnStyles: {
          0: { columnWidth: 35 },
          1: { columnWidth: 35 },
          2: { columnWidth: 185 },
          3: { columnWidth: 35 },
          4: { columnWidth: 35 },
          5: { columnWidth: 184 },
      },
      headerStyles: {
          fillColor: [255, 255, 255],
          textColor: [0, 0, 0],
          fontSize: 8,
          padding: 0,
      },
  });
  doc.save('test.pdf');
  </code></pre>