頁碼在數據表導出為pdf時不起作用

Question

我正在嘗試在 datatble pdf 導出中添加頁碼，在添加此代碼后，我從其官方網站獲取了代碼 pdf 按鈕消失並在控制台中出現“未捕獲的引用錯誤：文檔未在 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

您沒有為 dataTable 定義自定義函數，為什么會出現需要更改的文檔錯誤

$('#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]
                }
                });
            
        }
    }
    
    ]
   });