【发布时间】:2014-07-18 07:00:02
【问题描述】:
我想知道是否可以在datatables插件生成的pdf中添加自定义文本?
目前我使用“sTitle”和“spdfMessage”,但我仍然遇到问题,我想在中心显示它,我还想添加页脚文本。我怎么可能做到这一点?谢谢
【问题讨论】:
标签: datatables
我想知道是否可以在datatables插件生成的pdf中添加自定义文本?
目前我使用“sTitle”和“spdfMessage”,但我仍然遇到问题,我想在中心显示它,我还想添加页脚文本。我怎么可能做到这一点?谢谢
【问题讨论】:
标签: datatables
首先在页脚中包含数据表的cdn js文件,不要忘记在页眉中包含其css
<script scr="https://cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.2/js/buttons.print.min.js"></script>
<script>
$(function () {
$('#example1').DataTable({
order: [],
columnDefs: [ { orderable: false, targets: [0] } ],
'searching' : true,
'scrollY' : true,
dom: 'Bfrtip',
buttons: [
'copyHtml5',
'excelHtml5',
'csvHtml5',
'pdfHtml5',
{
extend: 'print',
messageTop: 'Hi all i'm web developer',
title:"Welcome to Project "
}
],
'scrollY' : true,
'paging' : true,
'lengthChange': true,
'info' : true,
'autoWidth' : true,
})
})
</script>
创建带有表的页面,其 id 为example1。
按钮将出现在数据表的顶部尝试单击打印按钮
它将显示标题为 Welcome to Project 的数据表
并在顶部显示 大家好,我是网络开发人员
【讨论】:
我在 PDF 中添加了自定义页眉和页脚。如果您仍在寻求这方面的帮助,请联系我。
【讨论】: