JS DataTable中导出PDF右侧列被截断的问题解决

JS DataTable中导出PDF右侧列被截断的问题解决

文章目录

    • [JS DataTable中导出PDF右侧列被截断的问题解决](#JS DataTable中导出PDF右侧列被截断的问题解决)
          • [一. 问题](#一. 问题)
          • [二. 解决办法](#二. 解决办法)
          • [三. 代码](#三. 代码)
          • [四. 参考资料](#四. 参考资料)
一. 问题
二. 解决办法
  1. 设置PDF大小和版型
bash 复制代码
orientation: 'landscape',
pageSize: 'LEGAL',

上述代码设置打印的PDF尺寸为LEGAL,版型为横版。

这种方法针对于,表格列较多。

DataTable导出PDF的参数介绍,可以查看官网:pdfHtml5参数介绍

  1. 设置每列的宽度
bash 复制代码
customize: function (doc) {
    doc.content[1].table.widths = ["5%","20%","15%","25%","25%","10%"];
}

这种方法针对于,表格中内容过长导致超出栏位。

如果发生报错:Cannot set property 'widths' of undefined,将content1下标改为其他值试试:

三. 代码
四. 参考资料

如果上述方法仍未解决,可以看看这两篇文章,很有帮助:
DataTable导出PDF设置每列宽度
DataTable导出PDF截断列

相关推荐
小熊熊知识库25 分钟前
双层PDF转换软件
pdf·双层pdf转换
愚坤1 小时前
前端真有意思,JS还能独立做项目?
前端·javascript·github
饮水桶_T1 小时前
JAVA IO流笔记
开发语言·数据结构·算法
李纲明3 小时前
微信小程序 getSystemInfo 提示已废弃、屏幕高度算错胶囊还对不齐?getWindowInfo 和 getDeviceInfo 怎么接才稳
javascript·微信小程序·小程序·小程序开发·devdiy
Felven3 小时前
C. Brr Brrr Patapim
c语言·开发语言
FungLeo3 小时前
成为全栈·Vue 管理后台篇·用 fetch 建一层可控的请求内核
前端·javascript·vue.js·http·fetch·formdata·接口封装
用户84298142418104 小时前
ByteJS,让重要的 JavaScript 以字节码运行。
javascript
路溪非溪5 小时前
python标准库使用总结
开发语言·python
FungLeo5 小时前
成为全栈·Vue 管理后台篇·Vue Router如何守住多角色后台边界
前端·javascript·vue.js·rbac·vue router·路由守卫·前端权限
FungLeo6 小时前
成为全栈·Vue管理后台篇·仪表盘不是几张卡片:组合统计接口与角色视图
前端·javascript·vue.js·rbac·仪表盘·管理后台·tanstack query