Почему кнопки не отображаются для jquery datatable?

Question

Я пытаюсь включить кнопки экспорта для таблицы данных jQuery, но кнопки не отображаются.

$('#tblServicesReport').DataTable({
  dom: 'Bfrtip',
  buttons: [ 'copy', 'excel', 'pdf' ]
});

Версия Datatables - 1.10.15

Answer 1

Убедитесь, что вы интегрировали библиотеку javascript для кнопок https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js

Answer 2

Попробуйте, убедитесь, что загружены все необходимые минимальные файлы.

$(document).ready(function() {
    $('#example').DataTable( {
        dom: 'Bfrtip',
        columns: [
            { data: 'name' },
            { data: 'surname' },
            { data: 'position' },
            { data: 'office' },
            { data: 'salary' }
        ],
        buttons: [
            {
                extend: 'copyHtml5',
                exportOptions: { orthogonal: 'export' }
            },
            {
                extend: 'excelHtml5',
                exportOptions: { orthogonal: 'export' }
            },
            {
                extend: 'pdfHtml5',
                exportOptions: { orthogonal: 'export' }
            }
        ]
    } );
} );

Демонстрация - https://jsfiddle.net/4tuupc5f/6/

Убедитесь, что загружены все необходимые файлы

https://code.jquery.com/jquery-1.12.4.js
https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js
https://cdn.datatables.net/buttons/1.5.1/js/dataTables.buttons.min.js
https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js
https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js
https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js
https://cdn.datatables.net/buttons/1.5.1/js/buttons.html5.min.js

CSSфайлы

https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css
https://cdn.datatables.net/buttons/1.5.1/css/buttons.dataTables.min.css