ui-grid导出excel的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ui-grid导出excel的问题相关的知识,希望对你有一定的参考价值。

 

目前研究了三种ui-grid导出的情况

 

1.使用ui-grid自身所携带的export功能:

http://ui-grid.info/docs/#/tutorial/206_exporting_data

这里面讲的很详细,但是要注意

html文件里面

技术分享

js文件里面

技术分享

 

2. 使用按钮导出ui-grid表格内容:

按钮中直接绑定一个exportReport()方法

.ts文件中:
技术分享

 

3. 使用按钮和ng-scv导出ui-grid内容:

2方法中导出的数据用excel打开是乱码的,因为我们代码的编码是UTF-8,这里我们解决办法是使用ng-csv

.html中:

技术分享

.ts中(profileName没写完)

技术分享

 注意此时app.ts中也要引入ng-csv:
技术分享

 

 

 



以上是关于ui-grid导出excel的问题的主要内容,如果未能解决你的问题,请参考以下文章

poi导出excel问题

C#导入导出excel的问题

DELPHI导出EXCEL问题

c#导出excel慢

poi导出Excel的奇怪问题

excel表格如何导出