使用tableExport.jquery.plugin导出table成excel

项目中一直使用的是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>

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属性就大功告成了,接下来放成功后的图片:
    在这里插入图片描述到此文章就结束了,由于作者没有别的需求所以也没过多研究,需要设计更多样式需要朋友们自己研究了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值