页码在导出为 pdf 的数据表中不起作用

Question

我正在尝试在 datatble pdf 导出中添加页码，添加此代码后我从其官方网站获得了代码 pdf 按钮消失并出现“Uncaught ReferenceError: doc is not defined 在 HTMLDocument' 控制台错误。

$('#table2').DataTable({
    
    dom: 'Bfrtip',
   
    buttons: [
         
        {
            extend: 'pdfHtml5',
            title: 'Data export',
            filename: 'dt_custom_pdf',
            pageSize: 'A4',
                exportOptions: {
                    columns: ':visible',
                    search: 'applied',
                    order: 'applied'
                },
           
            
        },
       doc['footer']=(function(page, pages) {
        return {
        columns: [
        'Left part of footer',
            {
                alignment: 'right',
                text: [
                    { text: page.toString(), italics: true },
                    ' of ',
                    { text: pages.toString(), italics: true }
                ]
            }
        ],
        margin: [10, 0]
        }
        });
    ]
   });

Answer 1

您没有为数据表定义自定义函数，所以出现文档错误需要更改

$('#table2').DataTable({
    
    dom: 'Bfrtip',
   
    buttons: [
         
        
        {
        extend: 'pdfHtml5',
        text: 'Pdf',
        filename: 'dt_custom_pdf',
        pageSize: 'A4',
            exportOptions: {
                columns: ':visible',
                search: 'applied',
                order: 'applied'
            },
        customize: function ( doc ) {
            doc['footer']=(function(page, pages) {
                return {
                columns: [
                
                {
                alignment: 'center',
                text: [
                { text: page.toString(), italics: true },
                ' of ',
                { text: pages.toString(), italics: true }
                ]
                }
                ],
                margin: [10, 0]
                }
                });
            
        }
    }
    
    ]
   });

页码在导出为 pdf 的数据表中不起作用

page number not working in datatable export to pdf

javascript

datatable

jquery