设置jsPDF/jsPDF-autotable的表格的全局默认值

yeeeee!

已于 2022-05-24 10:01:58 修改

阅读量917

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： vue.js javascript 前端

于 2022-05-24 09:56:55 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_43130844/article/details/124941171

js 专栏收录该内容

7 篇文章

订阅专栏

这篇博客介绍了如何在Vue项目中使用jsPDF和jsPDF-autotable库来生成表格，并通过autoTableSetDefaults方法设置默认样式，包括字体大小、外边距、表格宽度和头部填充色等。示例代码展示了如何调整这些参数以满足自定义需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用jsPDF以及jsPDF-autotable生成表格的时候，难免有需要调整默认参数的时候，此时就可以通过使用jsPDF-autotable的autoTableSetDefaults({ /* … */ })来进行按需设置了。

// 以在Vue中使用为例
import jspdf from 'jspdf'
const pdf = new jspdf()
/**
 * 可以对表格的字体、外边距、头部样式等进行默认设置，可以按需修改
 * 具体还有哪些参数可设置，可以查找官方API
 * 在实例化后进行设置，后面生成的表格，只要不单独设置就会按照当前的参数进行显示
*/
pdf.autoTableSetDefaults({
  styles: {
     fontSize: 7,
     overflow: 'linebreak',
     tableWidth: 'auto',
     columnWidth: 'auto'
  },
  margin: {top: 100, right: 5, bottom: 10, left: 10},
  headerStyles: {fillColor: [38, 62, 144]}
})