java 前端导出exvel_使用纯前端做的Excel导出了解一下
該樓層疑似違規已被系統折疊?隱藏此樓查看此樓
這是我改造的前端Excel導出,需要引入jQuery插件【復制粘貼即可使用】,各位不懂可以試一下。純屬練習
使用JS標簽方式將頁面數據信息導出xlsx文件
---導出---
function tableToExcel(){
//要導出的json數據
var jsonData = [
{
name:'李四',
phone:'123456的水電費多所所多多多多多多多多多多多',
remark:'測試是 '
},
{
name:'張三',
phone:'123456試試水試試水所所所所所所所所dddddddddd',
remark:''
}]
//列標題
var strArr = ['姓名','電話嘩嘩嘩或或或或','備注/其他'];
var str = '
測試';str += '
'+strArr[0]+'';str += '
'+strArr[1]+'';str += '
'+strArr[2]+'';//循環遍歷,每行加入tr標簽,每個單元格加td標簽
for(var i = 0 ; i < jsonData.length ; i++ ){
str+='
';str+='
'+jsonData[i]['name']+ '';str+='
'+jsonData[i]['phone']+ ''; //如果要保留兩位小數點加(mso-number-format:0.00)樣式str+='
'+jsonData[i]['remark']+ '??'; //超長格子隱藏 ,加?是為了防止前一個超出str+='
';}
//設置當前時間
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 = '房產信息'+strDate;
var uri = 'data:application/vnd.ms-excel;base64,';
//下載的表格模板數據
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))) }
總結
以上是生活随笔為你收集整理的java 前端导出exvel_使用纯前端做的Excel导出了解一下的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 独立开发者计划 ID@Xbox 成立 1
- 下一篇: 股票的开户流程