数据表导出到 Excel 下载 zip 文件

Question

我正在使用 Buttons 扩展在 jQuery DataTables 上实现导出按钮。除了导出到 Excel 按钮之外，我的所有按钮都可以使用。

包括以下所有脚本：

<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/datatables/media/js/jquery.dataTables.js"></script>
<script src="bower_components/datatables/media/js/dataTables.bootstrap.js"></script>
<script src="bower_components/datatables-buttons/js/dataTables.buttons.js"></script>
<script src="bower_components/datatables-buttons/js/buttons.html5.js"></script>
<script src="bower_components/datatables-buttons/js/buttons.print.js"></script>
<script src="bower_components/datatables-buttons/js/buttons.bootstrap.js"></script>
<script src="bower_components/jszip/dist/jszip.js"></script>
<script src="bower_components/pdfmake/build/pdfmake.js"></script>
<script src="bower_components/pdfmake/build/vfs_fonts.js"></script>

然后我创建按钮并将它们附加到 div：

// Create and render buttons
new $.fn.dataTable.Buttons( table, {
    buttons: ['copyHtml5', 'csvHtml5', 'excelHtml5', 'pdfHtml5', 'print']
})
table.buttons().container().appendTo($('.header-right'), self);

单击 Excel 按钮时，我的应用程序会下载一个 xlsx.zip 文件。为什么不下载“.xlsx”文件？

我也尝试通过手动添加扩展来扩展按钮，但我设置到扩展属性的任何内容都以“extension-name.zip”结尾。

new $.fn.dataTable.Buttons( table, {
    buttons: [
        {
            extend: 'excelHtml5',
            extension: '.xlsx'
        }
    ]
 })

Answer 1

设置 Title 属性对我有用。

以下以 .xlsx 文件扩展名导出

 buttons: [{
            extend: 'excelHtml5',
            title: 'Location Report' 
            }
          ],.....etc

未设置标题时，以 .zip 文件扩展名导出的文件

 buttons: [{
            extend: 'excelHtml5',
            title: '' 
            }
          ],.....etc

Answer 2

我也有同样的问题....但我认为它与浏览器有关。

• 在 Mozilla Firefox 中，当您单击 Excel 导出时，它会询问您是要打开还是保存文件。当您点击打开时，它会将文件临时保存为 zip 格式并打开 zip 文件（实际上是 .xlsx 文件）。
• 如果您将扩展名从 zip 更改为 xlsx，那么您就可以开始了。
• 当您单击保存时，它将仅保存 .xlsx 文件。
• 在 Chrome 中，它直接将文件保存为 .xlsx。

Answer 3

我也有同样的问题。与 chrome 完美配合，但不能与 Mozilla Firefox 配合使用.....

终于经过这么多的努力和研究。我找到了解决办法。

请在数据表 js 文件之后的脚本中包含以下文件。 //cdn.datatables.net/buttons/1.1.2/js/buttons.html5.min.js

它对我有用。