Question

我希望这里提到的按钮类似。 https://datatables.net/extensions/tabletools/ 但我无法使用此解决方案，如果有人使用数据表导出相同类型的按钮功能，请建议我

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后，以下面的方式初始化数据表：

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

您可以从复制， csv ， excel ， pdf ，打印<中删除选项/ strong>根据要求。

使用Datatable显示导出按钮

1 个答案: