Кнопка экспорта экспорта с использованием Datatable

Question

Я хочу, чтобы кнопка была аналогичной, как указано здесь. https://datatables.net/extensions/tabletools/ Но я не в состоянии достигнуть решения, используя это, пожалуйста, предложите мне, если кто-нибудь сделал то же тип функциональности кнопки для экспорта с использованием DataTables

Answer 1

Ниже приведена ссылка, пример был дан на самом DataTable сайте: https://datatables.net/extensions/buttons/examples/initialisation/export.html

Что вам нужно сделать, это включить указанные JS файлы на странице:

//code.jquery.com/jquery-1.12.3.js 
https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js 
https://cdn.datatables.net/buttons/1.2.1/js/dataTables.buttons.min.js 
//cdn.datatables.net/buttons/1.2.1/js/buttons.flash.min.js 
//cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js 
//cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js 
//cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js 
//cdn.datatables.net/buttons/1.2.1/js/buttons.html5.min.js 
//cdn.datatables.net/buttons/1.2.1/js/buttons.print.min.js 

вы можете также включать ниже CSS файл на странице для кнопки стайлинга:

https://cdn.datatables.net/buttons/1.2.1/css/buttons.dataTables.min.css 

После включения JS и CSS, инициализировать DataTable в поле ниже образом:

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

Вы можете удалить параметры из копии, csv, excel, pdf, печать согласно требованию.