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

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

程序员文章站 2022-06-25 12:08:57
...

项目中一直使用的是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.接下来看看本次需要导出的数据。
使用tableExport.jquery.plugin导出table成excel3.开始上代码。


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的结果。
使用tableExport.jquery.plugin导出table成excel5.添加边框。

  • 由于作者需求是需要生成的excel自带边框的,所以作者研究了下,最后稍微修改了下tableExport.js文件。
    使用tableExport.jquery.plugin导出table成excel找到 table 标签添加border属性就大功告成了,接下来放成功后的图片:
    使用tableExport.jquery.plugin导出table成excel到此文章就结束了,由于作者没有别的需求所以也没过多研究,需要设计更多样式需要朋友们自己研究了。
相关标签: 导出 excel