javascript - DataTable 1.10.10 导出到 Excel 下载 zip 文件-6ren

javascript - DataTable 1.10.10 导出到 Excel 下载 zip 文件

转载作者：行者123 更新时间：2023-11-28 06:38:00

我正在使用 jquery 数据表插件导出到 Excel。但单击“导出”按钮时，将下载 zip 文件夹而不是 .xlsx 文件。请帮我解决这个问题。下面是我的代码:

$('#example').DataTable({
			dom : 'Bfrtip',
			buttons : [ 'copy', 'csv', 'pdf', 'print',{
	            extend: 'excelHtml5',
	            text: 'Export To Excel',
	            title:'dataTable',
	            extension:'.xlsx'
	        } ]
		});

<link
	href="https://cdn.datatables.net/buttons/1.1.0/css/buttons.dataTables.min.css"
	rel="stylesheet">

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<script
	src="https://cdn.datatables.net/buttons/1.1.0/js/dataTables.buttons.min.js"></script>
<script
	src="https://cdn.datatables.net/buttons/1.1.0/js/buttons.flash.min.js"></script>
<script
	src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script
	src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/pdfmake.min.js"></script>
<script
	src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.18/build/vfs_fonts.js"></script>

<script
	src="https://cdn.datatables.net/buttons/1.1.0/js/buttons.print.min.js"></script>

<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>Tiger Nixon</td>
                <td>System Architect</td>
                <td>Edinburgh</td>
                <td>61</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
            </tr>
            <tr>
                <td>Garrett Winters</td>
                <td>Accountant</td>
                <td>Tokyo</td>
                <td>63</td>
                <td>2011/07/25</td>
                <td>$170,750</td>
            </tr>
            <tr>
                <td>Ashton Cox</td>
                <td>Junior Technical Author</td>
                <td>San Francisco</td>
                <td>66</td>
                <td>2009/01/12</td>
                <td>$86,000</td>
            </tr>
            <tr>
                <td>Cedric Kelly</td>
                <td>Senior Javascript Developer</td>
                <td>Edinburgh</td>
                <td>22</td>
                <td>2012/03/29</td>
                <td>$433,060</td>
            </tr>
            <tr>
                <td>Airi Satou</td>
                <td>Accountant</td>
                <td>Tokyo</td>
                <td>33</td>
                <td>2008/11/28</td>
                <td>$162,700</td>
            </tr>
            <tr>
                <td>Brielle Williamson</td>
                <td>Integration Specialist</td>
                <td>New York</td>
                <td>61</td>
                <td>2012/12/02</td>
                <td>$372,000</td>
            </tr>
            <tr>
                <td>Herrod Chandler</td>
                <td>Sales Assistant</td>
                <td>San Francisco</td>
                <td>59</td>
                <td>2012/08/06</td>
                <td>$137,500</td>
            </tr>
            <tr>
                <td>Rhona Davidson</td>
                <td>Integration Specialist</td>
                <td>Tokyo</td>
                <td>55</td>
                <td>2010/10/14</td>
                <td>$327,900</td>
            </tr>
            <tr>
                <td>Colleen Hurst</td>
                <td>Javascript Developer</td>
                <td>San Francisco</td>
                <td>39</td>
                <td>2009/09/15</td>
                <td>$205,500</td>
            </tr>
            <tr>
                <td>Sonya Frost</td>
                <td>Software Engineer</td>
                <td>Edinburgh</td>
                <td>23</td>
                <td>2008/12/13</td>
                <td>$103,600</td>
            </tr>
            <tr>
                <td>Jena Gaines</td>
                <td>Office Manager</td>
                <td>London</td>
                <td>30</td>
                <td>2008/12/19</td>
                <td>$90,560</td>
            </tr>
            <tr>
                <td>Quinn Flynn</td>
                <td>Support Lead</td>
                <td>Edinburgh</td>
                <td>22</td>
                <td>2013/03/03</td>
                <td>$342,000</td>
            </tr>
            <tr>
                <td>Charde Marshall</td>
                <td>Regional Director</td>
                <td>San Francisco</td>
                <td>36</td>
                <td>2008/10/16</td>
                <td>$470,600</td>
            </tr>
        </tbody>
    </table>

最佳答案

您是否收到任何控制台错误？如果是这样，您应该将它们添加到您的问题中，以便我们更好地了解发生了什么。

这是一个使用 JavaScript 和表格标记的工作 fiddle ，减去标题和扩展按钮选项，并使用“excel”作为 Flash 后备的扩展选项。请小心包含所有正确的 javascript 和 css cdns，如此例中所述: https://datatables.net/extensions/buttons/examples/html5/simple.html

http://jsfiddle.net/3oy5qabg/6/

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

<table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>Tiger Nixon</td>
                <td>System Architect</td>
                <td>Edinburgh</td>
                <td>61</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
            </tr>
            <tr>
                <td>Garrett Winters</td>
                <td>Accountant</td>
                <td>Tokyo</td>
                <td>63</td>
                <td>2011/07/25</td>
                <td>$170,750</td>
            </tr>
            <tr>
                <td>Ashton Cox</td>
                <td>Junior Technical Author</td>
                <td>San Francisco</td>
                <td>66</td>
                <td>2009/01/12</td>
                <td>$86,000</td>
            </tr>
            <tr>
                <td>Cedric Kelly</td>
                <td>Senior Javascript Developer</td>
                <td>Edinburgh</td>
                <td>22</td>
                <td>2012/03/29</td>
                <td>$433,060</td>
            </tr>
            <tr>
                <td>Airi Satou</td>
                <td>Accountant</td>
                <td>Tokyo</td>
                <td>33</td>
                <td>2008/11/28</td>
                <td>$162,700</td>
            </tr>
            <tr>
                <td>Brielle Williamson</td>
                <td>Integration Specialist</td>
                <td>New York</td>
                <td>61</td>
                <td>2012/12/02</td>
                <td>$372,000</td>
            </tr>
            <tr>
                <td>Herrod Chandler</td>
                <td>Sales Assistant</td>
                <td>San Francisco</td>
                <td>59</td>
                <td>2012/08/06</td>
                <td>$137,500</td>
            </tr>
            <tr>
                <td>Rhona Davidson</td>
                <td>Integration Specialist</td>
                <td>Tokyo</td>
                <td>55</td>
                <td>2010/10/14</td>
                <td>$327,900</td>
            </tr>
            <tr>
                <td>Colleen Hurst</td>
                <td>Javascript Developer</td>
                <td>San Francisco</td>
                <td>39</td>
                <td>2009/09/15</td>
                <td>$205,500</td>
            </tr>
            <tr>
                <td>Sonya Frost</td>
                <td>Software Engineer</td>
                <td>Edinburgh</td>
                <td>23</td>
                <td>2008/12/13</td>
                <td>$103,600</td>
            </tr>
            <tr>
                <td>Jena Gaines</td>
                <td>Office Manager</td>
                <td>London</td>
                <td>30</td>
                <td>2008/12/19</td>
                <td>$90,560</td>
            </tr>
            <tr>
                <td>Quinn Flynn</td>
                <td>Support Lead</td>
                <td>Edinburgh</td>
                <td>22</td>
                <td>2013/03/03</td>
                <td>$342,000</td>
            </tr>
            <tr>
                <td>Charde Marshall</td>
                <td>Regional Director</td>
                <td>San Francisco</td>
                <td>36</td>
                <td>2008/10/16</td>
                <td>$470,600</td>
            </tr>
        </tbody>
    </table>

关于javascript - DataTable 1.10.10 导出到 Excel 下载 zip 文件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34104366/

文章推荐： javascript - 通过数组传递隐藏字段值和文本框值

文章推荐： javascript - 如何在sqlite中插入图片？

文章推荐： c++ - 指向 C 样式数组元素的指针的 const vector

文章推荐： javascript - 将 iframe 值传输到文本区域

zip - 如何在没有目录的情况下提取 7-zip zip 文件
我有这个命令: 7z e -oD:\Data\ODS_Source\* D:\Data\DATA_DROP\Source.zip 这导致 D:\Data\ODS_Source\Source\. 我需要
zip - 使用 Ionic Zip 将 zip 中的文件夹解压到另一个目录的根目录(不包含 zip 中包含的文件夹)
我正在尝试让 Ionic zip 将 zip 文件内的文件夹提取到指定的根目录中。我的问题是里面的zip文件是“zipfile.zip\some_folder\”。我想将“some_folder”中的
zip - 使用 Ionic Zip 将 zip 中的文件夹解压缩到另一个目录的根目录(没有 zip 中包含的文件夹)
我试图让 Ionic zip 将 zip 文件中的文件夹提取到指定的根目录中。我的问题是里面的 zip 文件是“zipfile.zip\some_folder\”。我想将“some_folder”中的
zip-zip(子函数调用)
题目监听服务器端口，得到题目如下：源码解析主函数主函数中是题目界面的逻辑，对应于用户的选择做出相应的操作，其中需要注意的是选项2，解压操作需要获得root权
zip - zip /7zip压缩差异
我有许多需要分发给用户的zip文件，其中约有130个。每个zip文件都包含许多相似的文本，html，xml和jpg文件。压缩文件总计146兆字节；解压缩后，其内容总计551mb。我想将所有这些文件以
zip - 如何使用 zip.js 将多个文件添加到一个 zip 中？
我正在使用 javascript zip.js图书馆。我到处搜索，但找不到将多个文件添加到 zip 的示例。这是我的代码，但它生成了一个“损坏的”zip。 var len = results.row
c# - 尝试从内部 Zip 文件(另一个 Zip 中的 Zip)获取流时出现 "Cannot Read That as a Zip File"异常
在 C# 中，我使用的是 DotNetZip我有一个名为“innerZip.zip”的 zip，其中包含一些数据，和另一个名为“outerZip.zip”的 zip，其中包含 innerZip。我为什
R:获取有关使用 zip::zipr() 而不是 zip::zip() 的注意事项 - 是否值得关注？
当我使用 library(xlsx) 中的 write.xlsx 时，控制台中会出现以下内容: Note: zip::zip() is deprecated, please use zip::zipr
zip - WinXP 的 "Send to Compressed (zipped) Folder"如何决定在 zip 文件中包含什么？
如果我因为问“非编程”问题而被拒绝，我不会太惊讶，但也许有人知道...... 我正在使用 WinXP 的内置“发送到压缩(zipped)文件夹”功能压缩我的 subversion 沙箱的内容，并惊讶地
zip - 解压缩 Zip 压缩的二进制字符串
我在 Elixir 中有一个二进制字符串，它由压缩字节组成，我想放气并从中提取“真实数据”: iex(93)> data > 我不确定如何解压缩这些数据。到目前为止，我已经: 浏览了 Official
zip - 如何使用数据描述符部分创建 zip 文件
有没有一种方法可以创建一个 zip 文件并强制它在命令行中包含数据描述符部分？最佳答案在 Github ( https://github.com/adamhathcock/sharpcompres
zip - 在黑莓的代码签名过程中，我应该如何备份运动注册信息(.zip)？
我已经有 PBDT.csj and RDK.csj使用此 ( https://www.blackberry.com/SignedKeys/codesigning.html ) 链接进行代码签名处理后的
zip - 如何在 zip 文件中添加注释
我研究了几天，发现我们可以将一个包含一些内容的文件添加到 zip 文件中，然后再次压缩它。然后注释将被添加到 zip 文件中，但我不知道该文件到底是什么，所以任何人都知道向 zip(压缩)文件添加注释
zip - 如何找到 zip 文件的压缩级别？
我想知道如何找到 zip 文件的压缩级别。 7z 和 winzip 制作的 Zip 文件具有不同的级别评级，因此我想将其中的一些映射到其他工具中的相应级别。 store level 或 level 0
zip - zip mime类型，何时选择哪一个
到目前为止，对于Zip文件的Mime类型，我已经看到: 应用程序/八位字节流 multipart / x-zip 应用程序/ zip 应用程序/ zip压缩的应用程序/ x-zip压缩的我想我的问
zip - 标准 ZIP 使用哪种算法？
我已经在 google 上搜索、在 wiki 上搜索并阅读了 ZIP 的 RFC，但找不到有关 ZIP 中使用的确切算法的任何信息。我找到了有关 ZIP == TAR + GZIP 的信息但是，我
zip - 尝试在命令行中静默执行自解压 zip 文件
我有这些自解压 zip 文件，我正试图在 2008/7 机器上远程解压这些文件。但它们是以 .exe 的方式出现的，它需要用户双击并选择提取位置。在 WinZip 支持网站上，他们说要使用/auto
C# - 如何使用 7-zip 库(即不是 .7z，而是 .zip)创建常规 ZIP 存档？
这是我在这里的第一个问题，请耐心等待。我的目标是在 C# 中创建一个基本的 .zip 存档。我已经尝试使用 .NET 的内置 GZipStream 类并设法实现了这一点，但是我遇到了一个问题，我无法
java - zip 文件内的 zip 文件的文件系统
能否为压缩文件中的压缩文件创建 java.nio.file.FileSystem？如果是这样，URI 是什么样的？如果没有，我想我将不得不退回到使用 ZipInputStream。我正在尝试递归
zip - zip 和 tgz 格式有什么区别？
我想在 here 安装 scala我很关心下载哪一个:zip 还是 tgz。它们之间有什么区别，用例是什么？最佳答案它们是不同的archive formats .使用它们是因为它可以节省带宽并且因

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - DataTable 1.10.10 导出到 Excel 下载 zip 文件