javascript - how to define width and height in autotable - Stack Overflow

admin管理员组

文章数量:1024603

my code

$("#button1").on('click', exportOne);
function exportOne()
 {
 var pdf = new jsPDF("p", "pt","a4");

 var res = pdf.autoTableHtmlToJson(document.getElementById("table2"));

 pdf.autoTable(res.columns, res.data);

var res2 = pdf.autoTableHtmlToJson(document.getElementById("table"));
pdf.autoTable(res2.columns, res2.data, {
startY: pdf.autoTableEndPosY() + 16.6
});

pdf.fromHTML($("#otherdivcontent").get(0), 70, 300, {
'width': 500
});

// pdf.autoPrint();

pdf.save('Report.pdf');
};

the generated pdf is this

how can i solve this..i want to print the whole table inside in the page...

my code

$("#button1").on('click', exportOne);
function exportOne()
 {
 var pdf = new jsPDF("p", "pt","a4");

 var res = pdf.autoTableHtmlToJson(document.getElementById("table2"));

 pdf.autoTable(res.columns, res.data);

var res2 = pdf.autoTableHtmlToJson(document.getElementById("table"));
pdf.autoTable(res2.columns, res2.data, {
startY: pdf.autoTableEndPosY() + 16.6
});

pdf.fromHTML($("#otherdivcontent").get(0), 70, 300, {
'width': 500
});

// pdf.autoPrint();

pdf.save('Report.pdf');
};

the generated pdf is this

how can i solve this..i want to print the whole table inside in the page...

• javascript
• jspdf-autotable

Share Improve this question Follow edited Jun 20, 2020 at 9:12 CommunityBot 111 silver badge asked Oct 4, 2018 at 12:23 sarathsarath 16311 gold badge22 silver badges1111 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 2

 pdf.autoTable(res2.columns, res2.data, {
     startY: false,
     theme: 'grid',
     tableWidth: 'auto',
     columnWidth: 'wrap',
     showHeader: 'everyPage',
     tableLineColor: 200,
     tableLineWidth: 0,
     columnStyles: {
         0: {
             columnWidth: 50
         },
         1: {
             columnWidth: 50
         },
         2: {
             columnWidth: 50
         },
         3: {
             columnWidth: 50
         },
         4: {
             columnWidth: 50
         },
         5: {
             columnWidth: 'auto'
         },
         6: {
             columnWidth: 50
         },
         7: {
             columnWidth: 50
         },
         8: {
             columnWidth: 'auto'
         }
     },
     headerStyles: {
         theme: 'grid'
     },
     styles: {
         overflow: 'linebreak',
         columnWidth: 'wrap',
         font: 'arial',
         fontSize: 10,
         cellPadding: 8,
         overflowColumns: 'linebreak'
     },
 });

pdf

my code

$("#button1").on('click', exportOne);
function exportOne()
 {
 var pdf = new jsPDF("p", "pt","a4");

 var res = pdf.autoTableHtmlToJson(document.getElementById("table2"));

 pdf.autoTable(res.columns, res.data);

var res2 = pdf.autoTableHtmlToJson(document.getElementById("table"));
pdf.autoTable(res2.columns, res2.data, {
startY: pdf.autoTableEndPosY() + 16.6
});

pdf.fromHTML($("#otherdivcontent").get(0), 70, 300, {
'width': 500
});

// pdf.autoPrint();

pdf.save('Report.pdf');
};

the generated pdf is this

how can i solve this..i want to print the whole table inside in the page...

my code

$("#button1").on('click', exportOne);
function exportOne()
 {
 var pdf = new jsPDF("p", "pt","a4");

 var res = pdf.autoTableHtmlToJson(document.getElementById("table2"));

 pdf.autoTable(res.columns, res.data);

var res2 = pdf.autoTableHtmlToJson(document.getElementById("table"));
pdf.autoTable(res2.columns, res2.data, {
startY: pdf.autoTableEndPosY() + 16.6
});

pdf.fromHTML($("#otherdivcontent").get(0), 70, 300, {
'width': 500
});

// pdf.autoPrint();

pdf.save('Report.pdf');
};

the generated pdf is this

how can i solve this..i want to print the whole table inside in the page...

• javascript
• jspdf-autotable

Share Improve this question Follow edited Jun 20, 2020 at 9:12 CommunityBot 111 silver badge asked Oct 4, 2018 at 12:23 sarathsarath 16311 gold badge22 silver badges1111 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 2

 pdf.autoTable(res2.columns, res2.data, {
     startY: false,
     theme: 'grid',
     tableWidth: 'auto',
     columnWidth: 'wrap',
     showHeader: 'everyPage',
     tableLineColor: 200,
     tableLineWidth: 0,
     columnStyles: {
         0: {
             columnWidth: 50
         },
         1: {
             columnWidth: 50
         },
         2: {
             columnWidth: 50
         },
         3: {
             columnWidth: 50
         },
         4: {
             columnWidth: 50
         },
         5: {
             columnWidth: 'auto'
         },
         6: {
             columnWidth: 50
         },
         7: {
             columnWidth: 50
         },
         8: {
             columnWidth: 'auto'
         }
     },
     headerStyles: {
         theme: 'grid'
     },
     styles: {
         overflow: 'linebreak',
         columnWidth: 'wrap',
         font: 'arial',
         fontSize: 10,
         cellPadding: 8,
         overflowColumns: 'linebreak'
     },
 });

pdf

本文标签： javascripthow to define width and height in autotableStack Overflow