Question

我有一个jQuery数据表，其中填充了数据库中的数据。

我正在尝试向数据表中添加pdf按钮，以便可以将数据导出为pdf，但未显示“ pdf”按钮。

这是我用于数据表的脚本：

$(document).ready(function () {
    $('table').each(function () {
        $(this).prepend($("<thead style=background-color:#ff974d></thead>").append($(this).find("tr:eq(0)"))).DataTable({
            "responsive": true,
            "searching": true,
            "sPaginationType": "full_numbers"
        });
    });
});

我已尝试按照以下说明https://datatables.net/extensions/buttons/examples/html5/simple.html在脚本中添加以下内容，但未显示：

buttons: [
            'pdfHtml5'
        ]

请协助我如何显示“ PDF”按钮。谢谢。

Answer 1

https://code.jquery.com/jquery-3.3.1.js
https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js
https://cdn.datatables.net/buttons/1.5.2/js/dataTables.buttons.min.js
https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.36/pdfmake.min.js
https://cdn.datatables.net/buttons/1.5.2/js/buttons.html5.min.js

请确保包含这些js

$(document).ready(function() { 
    $('#example').DataTable( 
    { 
        dom: 'Bfrtip', 
        buttons: [ 'copyHtml5', 'excelHtml5', 'csvHtml5', 'pdfHtml5' ] 
    }); 
} );

PDF按钮未显示在jQuery数据表上

1 个答案: