背景介绍

昨天在一个前端的微信公众号看到一篇文章介绍导出cvs文件的,想想之前做导出excel的踩过的坑,心想记录一下,或许可以帮助别人吧!

需求很简单,在某个报表页面需要把table导出excel.

寻找解决方案

方案一

首先想到的上github寻找解决方案,通过关键词的搜索找到了

tableExport.jquery.plugin

功能全面有如下功能:

table2JSON

table2XML

table2PNG

table2CSV

table2Excel

table2Word

table2Powerpoint

table2txt

table2PDF

用法在github上也有详细的描述.

不过在使用过程中又utf8字符支持问题见issue6 答案中也有解决方案

方案二

根据JSFiddle 修改如下方法,此方法只支持导出excel tableId是需要导出的table的id

var tableToExcel = function(tableId, name) {

var uri = 'data:application/vnd.ms-excel;base64,'

, template = '

'

, base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }

, format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) }

if (!table.nodeType) table = document.getElementById(table)

var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}

window.location.href = uri + base64(format(template, ctx))

}