使用TableExport.js的Bootstrap HTML表导出不起作用

Question

我正在使用TableExport.js插件 - https://tableexport.v3.travismclarke.com/将Bootstrap HTML表导出到我的网站上。

我按照所有步骤来包含jquery FileSaver，tableExport javascripts和css。

<!-- jQuery -->
<script src="../vendor/TableExport/js/jquery-3.3.1.js"></script>
<!-- TableExport JavaScript -->
<script src="../vendor/TableExport/js/tableexport.js"></script>
<script src="../vendor/TableExport/js/tableexport.min.js"></script>
<script src="../vendor/FileSaver.js/FileSaver.js"></script>
    <!-- Bootstrap Core JavaScript -->
<script src="../vendor/bootstrap/js/bootstrap.min.js"></script>

<!-- DataTables JavaScript -->
<script src="../vendor/datatables/jstest/jquery.dataTables.min.js"></script>
<script src="../vendor/datatables-plugins/dataTables.bootstrap.min.js"></script>
<script src="../vendor/datatables-responsive/dataTables.responsive.js"></script>

<!-- Custom Theme JavaScript -->
<script src="../dist/js/sb-admin-2.js"></script>

Belwo是我如何调用tableExport函数：

<caption class="btn-toolbar bottom tableexport-caption">
                    <button tableexport-id="c203fc6-xlsx" class="btn btn-default xlsx" onClick="$("#dataTables-example").tableExport();">Export to xlsx</button>
                    <button tableexport-id="759d678-xls" class="btn btn-default xls" onClick="$("#dataTables-example").tableExport();">Export to xls</button>
                    <button tableexport-id="87e8a31-csv" class="btn btn-default csv" onClick="$("#dataTables-example").tableExport();">Export to csv</button>
                    <button tableexport-id="78cbc47-txt" class="btn btn-default txt" onClick="$("#dataTables-example").tableExport();">Export to txt</button>
                    </caption>

但是，当我点击任何按钮时出现错误：

Uncaught SyntaxError: Unexpected end of input here at <button tableexport-id="78cbc47-txt" class="btn btn-default txt" onClick="$("#dataTables-example").tableExport();">Export to txt</button>

知道我哪里错了吗？

谢谢。

Answer 1

onClick

中的双引号问题

<button tableexport-id="78cbc47-txt" class="btn btn-default txt" onClick="$('#dataTables-example').tableExport();">Export to txt</button>

Answer 2

我已经放弃了这个，因为没有它。而是使用github.com/wenzhixin/bootstrap-table/tree/master/src/extensions/...因为它符合我的目的。谢谢你的帮助和时间。