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
  6. jsPDF Autotable Tutorial: Copy CSS Styles of a Table to Another Table
  7. PHP 7 FPDF Example: Add TrueType Fonts inside PDF Document
  8. PHP 7 FPDF Example: Create PDF Document From Text File Using Javascript
  9. jsPDF Html2Canvas Project: Export HTML With Multiple Graphs Plotted to PDF Document in JavaScript
  10. 21 Website Session Recording Tools (Free, Open Source, Paid) 2023
  11. 10 Best Android Animation Libraries 2023
  12. C++ Find All Words Greater than Given Length K in String
  13. Python 3 Find Difference Between Two Tuples in Command Line
  14. Python 3 Pandas Code to Find the Difference Between Two Datetimes in Milliseconds
  15. Python 3 Find Difference Between Two Timestamps in Milliseconds
  16. Python 3 Find Difference Between Two Dates in Years, Months, Days, Hours, Minutes & Seconds
  17. Python 3 Find Difference Between Two Dates in Hours, Minutes & Seconds
  18. Python 3 Find Difference Between Two Lists Using set() Method
  19. Python 3 Find Difference Between Two Timestamps in Days
  20. Python 3 Find Difference Between Two Timestamps in Minutes

Leave a Comment

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