项目中一直使用的是POI导出文件,代码过于繁琐,有些生成逻辑不太好写,即使写出来也需要大量代码,所以就想有没有直接根据前端的表格直接生成的框架,上git上找了找,找到几款最后选中了这个https://github.com/hhurz/tableExport.jquery.plugin,基本上想导出的格式都有。
接下来进入主题!
1.首先导入JS。
<script type="text/ecmascript" src="jquery.js"></script>
<script type="text/ecmascript" src="base64.js"></script>
<script type="text/ecmascript" src="tableExport.js"></script>
- base64.js的地址:https://github.com/davidchambers/Base64.js
2.接下来看看本次需要导出的数据。
3.开始上代码。
function exportTable() {
$("#tables").tableExport({fileName:'文件名',type:"xls",escape:"false"});
}
<input value="导出Excel" type="button" id="export" onclick="exportTable()"/>
<!--设置好ID,接下来就写自己需要的table不需要再设置额外的东西-->
<table id="tables" >
<tr>
<td>
(具体table内容省略)
</td>
</tr>
</table>
4.导出成excel的结果。
5.添加边框。
- 由于作者需求是需要生成的excel自带边框的,所以作者研究了下,最后稍微修改了下tableExport.js文件。
找到 table 标签添加border属性就大功告成了,接下来放成功后的图片:
到此文章就结束了,由于作者没有别的需求所以也没过多研究,需要设计更多样式需要朋友们自己研究了。