【问题标题】:Export to Excel button not showing导出到 Excel 按钮未显示
【发布时间】:2017-03-09 03:11:18
【问题描述】:

即使我使用了上面的那些代码,我的导出到 excel 按钮仍然没有显示。我不知道这些代码发生了什么。请有经验的人帮助我。我的参考来自https://datatables.net/extensions/buttons/examples/initialisation/export.html

        <table id="example" class="display nowrap" 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>
        <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>
        </tbody>
    </table>

<script>
    $(document).ready(function () {
        $('#example').DataTable({
            dom: 'Bfrtip',
            buttons: [
                'excel'
            ]
        });
    });
</script>

这是控制台输出:

【问题讨论】:

  • 1) 我们真的需要查看示例中的所有行吗?保持在最低限度! 2) 打开浏览器的开发者控制台,运行您的代码,如果您有任何控制台错误,请告诉我们。 3)将这些添加到您的问题中。
  • @LeeTaylor 对不起先生,这是我第一次.. 我已经更新了我的问题顺便说一句谢谢你的提示

标签: javascript jquery html datatables


【解决方案1】:

为了使用导出插件,您还需要包含以下脚本:

//code.jquery.com/jquery-1.12.4.js https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js https://cdn.datatables.net/buttons/1.2.4/js/dataTables.buttons.min.js //cdn.datatables.net/buttons/1.2.4/js/buttons.flash.min.js //cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js //cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/pdfmake.min.js //cdn.rawgit.com/bpampuch/pdfmake/0.1.24/build/vfs_fonts.js //cdn.datatables.net/buttons/1.2.4/js/buttons.html5.min.js //cdn.datatables.net/buttons/1.2.4/js/buttons.print.min.js

这在您提供的链接中有详细说明。查看该页面的源代码以了解它们是如何包含它们的。

【讨论】:

  • 实际上我已经做到了.. 我已经包含了那些脚本.. 我把它们放在我的表格末尾和那个脚本标签之间.. 是不是放错地方了?
  • 我认为你需要检查你的脚本、表格和其他标签的顺序。将此与链接版本进行比较。此外,您可能需要在 Web 服务器上运行,是吗?
  • 感谢您的所有帮助,先生..我会尝试再次检查它们..
猜你喜欢
  • 2023-03-29
  • 1970-01-01
  • 1970-01-01
  • 2018-03-31
  • 2019-06-23
  • 1970-01-01
  • 1970-01-01
  • 2014-01-18
相关资源
最近更新 更多