使用数据表显示导出按钮答案

【问题标题】：Display Export button using Datatable使用数据表显示导出按钮
【发布时间】：2016-06-30 11:44:08
【问题描述】：

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

【问题讨论】：

您能与我们分享您的尝试，以便我们提供帮助吗？

【解决方案1】：

请参阅以下链接，数据表网站本身已给出示例： 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'
      ]
});

您可以从 copy、csv、excel、pdf、print 根据要求。

【讨论】：

请注意，这假设您要使用 Flash 驱动的按钮而不是 HTML5 按钮。 HTML5 按钮包含不同的脚本。
我已经尝试并发布了我的代码。按钮没有显示在我的表格中。
j$('[id$="aragingtable"]').DataTable({ "dom": 'Tlfrtip', 按钮: [ 'copy', 'csv' , 'excel', 'pdf', 'print' ], "order": [ 4, 'desc' ] }] }); });
我不确定我在哪里缺少逻辑