Кнопка PDF не отображается в jQuery datatable

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