Default Featured Image

jsPDF Autotable Tutorial: Give Different Widths to Columns & Rows of Table in PDF Document

by

You have to convert your columnWidth array to look like this:

doc.autoTable({
  html: '#table',
  columnStyles: {
    0: {cellWidth: 100},
    1: {cellWidth: 80},
    2: {cellWidth: 80},
    // etc
  }
});

A point to be noted is that here we used columnStyles instead of styles.

Related posts:

  1. Instagram Login Page HTML and CSS Code Download
  2. jsPDF Autotable Tutorial: Draw Colorful Rounded Rectangle in a Cell of Table inside PDF Document
  3. PHP 7 jsPDF Html2Canvas Example: Send Generated PDF as Email Attachment to Client Using JavaScript
  4. jsPDF Html2Canvas Project: Export Multiple Google Charts from Webpage to PDF Document in JavaScript
  5. Angular 13 jsPDF Html2Canvas Project: Export Multiple HTML Div Content in Different PDF Pages Using TypeScript

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.