Tutorials

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

Default Featured Image

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
Furqan

Well. I've been working for the past three years as a web designer and developer. I have successfully created websites for small to medium sized companies as part of my freelance career. During that time I've also completed my bachelor's in Information Technology.

Leave a Comment
Share
Published by
Furqan
July 6, 2022 12:52 pm

Recent Posts

How can IT Professionals use ChatGPT?

If you're reading this, you must have heard the buzz about ChatGPT and its incredible…

September 2, 2023

ChatGPT in Cybersecurity: The Ultimate Guide

How to Use ChatGPT in Cybersecurity If you're a cybersecurity geek, you've probably heard about…

September 1, 2023

Add Cryptocurrency Price Widget in WordPress Website

Introduction In the dynamic world of cryptocurrencies, staying informed about the latest market trends is…

August 30, 2023

Best Addons for The Events Calendar Elementor Integration

The Events Calendar Widgets for Elementor has become easiest solution for managing events on WordPress…

August 30, 2023

Create Vertical Timeline in Elementor: A Step-by-step Guide

Introduction The "Story Timeline" is a versatile plugin that offers an innovative way to present…

August 30, 2023

TranslatePress Addon for Automate Page Translation in WordPress

Introduction In today's globalized world, catering to diverse audiences is very important. However, the process…

August 30, 2023