如何使用JQuery pdfHtml5将整个DataTable置于pdf中心

时间:2018-01-05 20:44:00

标签: jquery pdf datatables pdfmake

我喜欢使用$('#tableId').DataTable()和" pdfHtml5"按钮生成PDF。我无法弄清楚如何在生成的PDF中居中信息。

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

我很确定它应该在按钮中完成,但还没弄明白最后一点。

当前示例(不太正常):

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 ? = ?
}

有什么想法吗?

2 个答案:

答案 0 :(得分:6)

查看doc' content部分。第二个索引是表元素。您可以使用例如

强制左/右边距
customize: function(doc) {
  doc.content[1].margin = [ 100, 0, 100, 0 ] //left, top, right, bottom
}

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

答案 1 :(得分:1)

我通常使用html,然后使用jquery转换为pdf。总结一下,我使用Jquery和JsPDF。

但您可以在此处获取更多信息https://datatables.net/reference/button/