背景介紹

昨天在一個(gè)前端的微信公眾號(hào)看到一篇文章介紹導(dǎo)出cvs文件的,想想之前做導(dǎo)出excel的踩過(guò)的坑,心想記錄一下,或許可以幫助別人吧!

需求很簡(jiǎn)單,在某個(gè)報(bào)表頁(yè)面需要把table導(dǎo)出excel.

尋找解決方案

方案一

首先想到的上github尋找解決方案,通過(guò)關(guān)鍵詞的搜索找到了

tableExport.jquery.plugin

功能全面有如下功能:

table2JSON

table2XML

table2PNG

table2CSV

table2Excel

table2Word

table2Powerpoint

table2txt

table2PDF

用法在github上也有詳細(xì)的描述.

不過(guò)在使用過(guò)程中又utf8字符支持問(wèn)題見(jiàn)issue6 答案中也有解決方案

方案二

根據(jù)JSFiddle 修改如下方法,此方法只支持導(dǎo)出excel tableId是需要導(dǎo)出的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))

}

總結(jié)

以上是生活随笔為你收集整理的html导出excel 内存不足,web导出excel那些坑的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。