欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

bootstrap table 导出问题

程序员文章站 2024-02-17 13:59:34
...

记录一下table导出Excel文件踩的坑,以便以后查看。

在使用bootstrap table导出Excel文件时,会提示下图

bootstrap table 导出问题

点击是之后会提示文件已损坏,无法打开。查找资料,有博主说设置导出xlsx则没有影响。然而我在实践过程中仍然会遇到此问题。首先是会遇到问题:

Failed to execute 'createObjectURL' on 'URL':

为了解决这个问题,查看了bootstraptable extensions,在此处扩展找到问题,按照此处的例子先后引入所需文件,即可解决此该问题。
bootstrap table 导出问题
下面附上我的代码:
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript" src="js/Popper.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap-table.js"></script>
<script type="text/javascript" src="js/bootstrap-table-zh-CN.js"></script>
<script type="text/javascript" src="js/bootstrap-table-export.js"></script>
<script type="text/javascript" src="js/fileinput.js"></script>
<script type="text/javascript" src="js/FileSaver.js"></script>
<script type="text/javascript" src="js/xlsx.core.min.js"></script>
<script type="text/javascript" src="js/tableExport.js"></script>

此时,导出xlsx文件没有问题,但仍然出现了上面提到的“文件已损坏,无法打开的情况”。后来百度了一下Excel出现该问题时的解决办法,在信任中心将受保护视图取消勾选即可。此时xlsx文件完美打开,xls文件虽然提示不一致,但选择是以后也可以看到文件内容。所以主要还是要将Excel的文件设置选项设置好,这样即使设置导出为“Excel”就可以看到文件内容了。

bootstrap table 导出问题