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

【问题标题】：PDF button not showing on jQuery datatablePDF按钮未显示在jQuery数据表上
【发布时间】：2019-04-23 17:57:09
【问题描述】：

我有一个 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”按钮。谢谢。

【问题讨论】：

确保您已按照this link 中的说明添加了所有Javascript library
请先检查浏览器控制台是否有任何错误，然后检查链接示例的所有先决条件是否已满足。
您是否在数据表选项中添加了dom: 'Bfrtip',？ B 是按钮

标签： jquery datatable

【解决方案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' ] 
    }); 
} );

【讨论】：