Не все данные в столбцах отображаются в сгенерированном PDF - PullRequest
Новая
       9

Не все данные в столбцах отображаются в сгенерированном PDF

0 голосов
/ 30 июня 2018

В моей таблице 12 столбцов данных. Но только 7 из 12 столбцов записываются и генерируются в PDF.

См. Пример выходного PDF в скриншоте: (он должен вернуть 12 столбцов данных)

enter image description here

Вот мой код: (я использую угловой 5) 

var doc = new jsPDF('p', 'pt');
var res = doc.autoTableHtmlToJson(document.getElementById("export- 
buttons-table"));
doc.autoTable(res.columns, res.data, {
  margin: {top: 40, horizontal: 10},
  startY: false,
  pageBreak: 'auto',
  tableWidth: 'wrap',
  showHeader: 'everyPage',
  tableLineColor: 200,
  tableLineWidth: 0,
  styles: {overflow: 'linebreak', font: 'arial', fontSize: 10, cellPadding: 8},
});

doc.save(this.filename + 'pdf');

1 Ответ

0 голосов
/ 02 июля 2018

Я исправил это сам:)

Пожалуйста, смотрите мой исходный код ниже: 

exportToPdf(){
  var doc = new jsPDF(this.pdfOrientation, 'pt', this.pdfFormat);
  var res = doc.autoTableHtmlToJson(document.getElementById("export-buttons- 
  table"));
  doc.autoTable(res.columns, res.data, {
    margin: {top: 40, horizontal: 10}, startY: false, theme: 'grid', pageBreak: 
   'always', tableWidth: 'auto', columnWidth: 'wrap', showHeader: 'everyPage',
    tableLineColor: 200, tableLineWidth: 0,
    columnStyles: {
    0: {columnWidth: 'auto'}, 1: {columnWidth: 'auto'}, 2: {columnWidth: 'auto'}, 3: 
        {columnWidth: 'auto'}, 4: {columnWidth: 'auto'},
    5: {columnWidth: 'auto'}, 6: {columnWidth: 'auto'}, 7: {columnWidth: 'auto'}, 8: 
        {columnWidth: 'auto'}
    },
    headerStyles: {theme: 'grid'},
    styles: {overflow: 'linebreak', columnWidth: 'wrap', font: 'arial', fontSize: 10, 
    cellPadding: 8, overflowColumns: 'linebreak'},
    });
  doc.save(this.filename + '.pdf');
 }

output

...