【问题标题】:Adding custom text in pdf generated by datatables在数据表生成的 pdf 中添加自定义文本
【发布时间】:2014-07-18 07:00:02
【问题描述】:

我想知道是否可以在datatables插件生成的pdf中添加自定义文本?

目前我使用“sTitle”和“spdfMessage”,但我仍然遇到问题,我想在中心显示它,我还想添加页脚文本。我怎么可能做到这一点?谢谢

【问题讨论】:

    标签: datatables


    【解决方案1】:

    首先在页脚中包含数据表的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 的数据表 并在顶部显示 大家好,我是网络开发人员

    This Also could help

    【讨论】:

      【解决方案2】:

      我在 PDF 中添加了自定义页眉和页脚。如果您仍在寻求这方面的帮助,请联系我。

      【讨论】:

      • A ping 给你...我正在尝试做
      猜你喜欢
      • 2017-07-01
      • 1970-01-01
      • 2017-01-08
      • 1970-01-01
      • 1970-01-01
      • 2016-10-09
      • 1970-01-01
      • 2020-01-06
      • 2021-05-31
      相关资源
      最近更新 更多