該樓層疑似違規(guī)已被系統(tǒng)折疊?隱藏此樓查看此樓

這是我改造的前端Excel導(dǎo)出，需要引入jQuery插件【復(fù)制粘貼即可使用】，各位不懂可以試一下。純屬練習(xí)

使用JS標(biāo)簽方式將頁(yè)面數(shù)據(jù)信息導(dǎo)出xlsx文件

---導(dǎo)出---

function tableToExcel(){

//要導(dǎo)出的json數(shù)據(jù)

var jsonData = [

{

name:'李四',

phone:'123456的水電費(fèi)多所所多多多多多多多多多多多',

remark:'測(cè)試是 '

},

{

name:'張三',

phone:'123456試試水試試水所所所所所所所所dddddddddd',

remark:''

}]

//列標(biāo)題

var strArr = ['姓名','電話嘩嘩嘩或或或或','備注/其他'];

var str = '

測(cè)試';

str += '

'+strArr[0]+'';

str += '

'+strArr[1]+'';

str += '

'+strArr[2]+'';

//循環(huán)遍歷，每行加入tr標(biāo)簽，每個(gè)單元格加td標(biāo)簽

for(var i = 0 ; i < jsonData.length ; i++ ){

str+='

';

str+='

'+jsonData[i]['name']+ '';

str+='

'+jsonData[i]['phone']+ ''; //如果要保留兩位小數(shù)點(diǎn)加(mso-number-format:0.00)樣式

str+='

'+jsonData[i]['remark']+ '??'; //超長(zhǎng)格子隱藏 ,加?是為了防止前一個(gè)超出

str+='

';

}

//設(shè)置當(dāng)前時(shí)間

var date = new Date();

var year = date.getFullYear();

var dateArr = [date.getMonth() + 1,date.getDate(),date.getHours(),date.getMinutes(),date.getSeconds()];

var strDate = year+'';

for(var i=0;i

if (dateArr[i] >= 1 && dateArr[i] <= 9) {

dateArr[i] = "0" + dateArr[i];

}

strDate += dateArr[i];

}

//Worksheet名

var worksheet = '房產(chǎn)信息'+strDate;

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

//下載的表格模板數(shù)據(jù)

var template = '

template +=' xmlns="http://www.w3.org/TR/REC-html40">';

template +='

';

template +='

';

var a = document.createElement("a");

a.download = worksheet+".xlsx";

a.href = uri + base64(template) //下載模板

a.click();

}

//輸出base64編碼

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

總結(jié)

以上是生活随笔為你收集整理的java 前端导出exvel_使用纯前端做的Excel导出了解一下的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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