首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用JQuery pdfHtml5使整个DataTable在pdf中居中?

如何使用JQuery pdfHtml5使整个DataTable在pdf中居中?
EN

Stack Overflow用户
提问于 2018-01-06 04:44:00
回答 2查看 7.6K关注 0票数 2

我喜欢使用$('#tableId').DataTable()和"pdfHtml5“按钮来生成PDF。我只是想不出如何在生成的PDF中居中显示信息。

只有两列的表格显示在.pdf的左侧,但如果只是居中会看起来更好。

我很确定这应该是在按钮中完成的,但还没有完全弄清楚最后一点。

当前示例(不太有效):

代码语言:javascript
复制
extend:"pdfHtml5",
className: "btn",
text: "Export To PDF",
title: "PDF Title",
filename: "AFileName",
messageTop: "Test Message",

// And this is where I think I'm close...
customize: function(doc) {
    // doc ? = ?
}

有什么想法吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-01-06 11:04:31

看看doc的表格部分。第二个索引是content元素。

代码语言:javascript
复制
customize: function(doc) {
  doc.content[1].margin = [ 100, 0, 100, 0 ] //left, top, right, bottom
}

这将使表格居中,根据您的需要设置值。我已经看过文档了,似乎没有办法自动“居中”页面内容。有alignment选项,但这些选项用于呈现内容(例如表格)中的文本对齐。

票数 6
EN

Stack Overflow用户

发布于 2018-01-06 05:10:23

我通常使用html,然后使用jquery将其转换为pdf。综上所述,我使用Jquery和JsPDF。

但你可以在这里获得更多信息,https://datatables.net/reference/button/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48120995

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档