生成excle表格

時間 2019-11-17

標籤生成 excle 表格简体版

原文原文鏈接

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#wwo').click(function () {
var data = {
"title": [{
"value": "集團",
"type": "ROW_HEADER_HEADER",
"datatype": "string"
}, {"value": "日期", "type": "ROW_HEADER_HEADER", "datatype": "string"}],
"data": [[{"value": "好好", "type": "ROW_HEADER"}, {"value": "2015-08-24", "type": "ROW_HEADER"}]]
};
if (data == '')
return;
JSONToExcelConvertor(data.data, "Report", data.title);
});
});javascript

function JSONToExcelConvertor(JSONData, FileName, ShowLabel) {
//先轉化json
var arrData = typeof JSONData != 'object' ? JSON.parse(JSONData) : JSONData;html

var excel = '<table>';java

//設置表頭
var row = "<tr>";
for (var i = 0, l = ShowLabel.length; i < l; i++) {
row += "<td>" + ShowLabel[i].value + '</td>';
}jquery

//換行
excel += row + "</tr>";json

//設置數據
for (var i = 0; i < arrData.length; i++) {
var row = "<tr>";app

for (var index in arrData[i]) {
var value = arrData[i][index].value === "." ? "" : arrData[i][index].value;
row += '<td>' + value + '</td>';
}ui

excel += row + "</tr>";
}excel

excel += "</table>";code

var excelFile = "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:excel' xmlns='http://www.w3.org/TR/REC-html40'>";
excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel; charset=UTF-8">';
excelFile += '<meta http-equiv="content-type" content="application/vnd.ms-excel';
excelFile += '; charset=UTF-8">';
excelFile += "<head>";
excelFile += "";
excelFile += "</head>";
excelFile += "<body>";
excelFile += excel;
excelFile += "</body>";
excelFile += "</html>";xml

var uri = 'data:application/vnd.ms-excel;charset=utf-8,' + encodeURIComponent(excelFile);

var link = document.createElement("a");
link.href = uri;

link.style = "visibility:hidden";
link.download = FileName + ".xls";

document.body.appendChild(link); link.click(); document.body.removeChild(link); } </script> </head> <body> <input type="button" id="wwo" value="導出"/> </body> </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。