我有一个html表,我用javascript传递给Excel文件。 我正在使用从https://github.com/jmaister/excellentexport下载的 excellentexport 库。 表格中的数据很好地传递给excel文件,除了数字列,其中一些行以零开始,当数据传输时,数据优于被视为八进制的数字。不以零开头的数字转移得很好。例如, 0001 在excel文件中 1 ,我确实需要将其作为原始输出 0001 。 附上我的实时示例代码:http://jsfiddle.net/mv4ooc7m/1/我需要excel输出与HTML表格相同。 任何人都可以帮助我如何修复JavaScript代码并将数据作为字符串发送?我很乐意找到解决方案,非常感谢你的帮助!
HTML:
<div id="itemRowsList2">
<table class="table table-hover" name="ItemsList" border="2">
<tbody>
<tr class="active" id="rowNum1"><td class="active">0001</td></tr>
<tr class="active" id="rowNum2"><td class="active">0002 </td></tr>
<tr class="active" id="rowNum3"><td class="active">1001 </td></tr>
<tr class="active" id="rowNum4"><td class="active">1002 </td></tr>
</tbody></table>
</div>
使用Javascript:
/**
* ExcellentExport.
* A client side Javascript export to Excel.
*
* @author: Jordi Burgos (jordiburgos@gmail.com)
*
* Based on:
* https://gist.github.com/insin/1031969
* http://jsfiddle.net/insin/cmewv/
*
* CSV: http://en.wikipedia.org/wiki/Comma-separated_values
*/
/*
* Base64 encoder/decoder from: http://jsperf.com/base64-optimized
*/
/*jslint browser: true, bitwise: true, plusplus: true, vars: true, white: true */
var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';
var fromCharCode = String.fromCharCode;
var INVALID_CHARACTER_ERR = (function () {
"use strict";
// fabricate a suitable error object
try {
document.createElement('$');
} catch (error) {
return error;
}
}());
// encoder
if (!window.btoa) {
window.btoa = function (string) {
"use strict";
var a, b, b1, b2, b3, b4, c, i = 0, len = string.length, max = Math.max, result = '';
while (i < len) {
a = string.charCodeAt(i++) || 0;
b = string.charCodeAt(i++) || 0;
c = string.charCodeAt(i++) || 0;
if (max(a, b, c) > 0xFF) {
throw INVALID_CHARACTER_ERR;
}
b1 = (a >> 2) & 0x3F;
b2 = ((a & 0x3) << 4) | ((b >> 4) & 0xF);
b3 = ((b & 0xF) << 2) | ((c >> 6) & 0x3);
b4 = c & 0x3F;
if (!b) {
b3 = b4 = 64;
} else if (!c) {
b4 = 64;
}
result += characters.charAt(b1) + characters.charAt(b2) + characters.charAt(b3) + characters.charAt(b4);
}
return result;
};
}
// decoder
if (!window.atob) {
window.atob = function(string) {
"use strict";
string = string.replace(new RegExp("=+$"), '');
var a, b, b1, b2, b3, b4, c, i = 0, len = string.length, chars = [];
if (len % 4 === 1) {
throw INVALID_CHARACTER_ERR;
}
while (i < len) {
b1 = characters.indexOf(string.charAt(i++));
b2 = characters.indexOf(string.charAt(i++));
b3 = characters.indexOf(string.charAt(i++));
b4 = characters.indexOf(string.charAt(i++));
a = ((b1 & 0x3F) << 2) | ((b2 >> 4) & 0x3);
b = ((b2 & 0xF) << 4) | ((b3 >> 2) & 0xF);
c = ((b3 & 0x3) << 6) | (b4 & 0x3F);
chars.push(fromCharCode(a));
b && chars.push(fromCharCode(b));
c && chars.push(fromCharCode(c));
}
return chars.join('');
};
}
ExcellentExport = (function() {
"use strict";
var version = "1.3";
var csvSeparator = ',';
var uri = {excel: 'data:application/vnd.ms-excel;base64,', csv: 'data:application/csv;base64,'};
var template = {excel: '<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"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'};
var csvDelimiter = ",";
var csvNewLine = "\r\n";
var base64 = function(s) {
return window.btoa(window.unescape(encodeURIComponent(s)));
};
var format = function(s, c) {
return s.replace(new RegExp("{(\\w+)}", "g"), function(m, p) {
return c[p];
});
};
var get = function(element) {
if (!element.nodeType) {
return document.getElementById(element);
}
return element;
};
var fixCSVField = function(value) {
var fixedValue = value;
var addQuotes = (value.indexOf(csvDelimiter) !== -1) || (value.indexOf('\r') !== -1) || (value.indexOf('\n') !== -1);
var replaceDoubleQuotes = (value.indexOf('"') !== -1);
if (replaceDoubleQuotes) {
fixedValue = fixedValue.replace(/"/g, '""');
}
if (addQuotes || replaceDoubleQuotes) {
fixedValue = '"' + fixedValue + '"';
}
return fixedValue;
};
var tableToCSV = function(table) {
var data = "";
var i, j, row, col;
for (i = 0; i < table.rows.length; i++) {
row = table.rows[i];
for (j = 0; j < row.cells.length; j++) {
col = row.cells[j];
data = data + (j ? csvDelimiter : '') + fixCSVField(col.textContent.trim());
}
data = data + csvNewLine;
}
return data;
};
var ee = {
/** @expose */
excel: function(anchor, table, name) {
table = get(table);
var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML};
var hrefvalue = uri.excel + base64(format(template.excel, ctx));
anchor.href = hrefvalue;
// Return true to allow the link to work
return true;
},
/** @expose */
csv: function(anchor, table, delimiter, newLine) {
if (delimiter !== undefined && delimiter) {
csvDelimiter = delimiter;
}
if (newLine !== undefined && newLine) {
csvNewLine = newLine;
}
table = get(table);
var csvData = tableToCSV(table);
var hrefvalue = uri.csv + base64(csvData);
anchor.href = hrefvalue;
return true;
}
};
return ee;
}());
答案 0 :(得分:1)
好的,所以我弄清楚了,答案与javascript完全无关。
需要将x:str
添加到table / th / td标记中,就是这样!
所以在表标签级别它应该像
<table class="table table-hover" id="ItemsList" border=2 x:str>
这很简单!
答案 1 :(得分:1)
x:str 对我来说很好!
<div id="itemRowsList2">
<table class="table table-hover" name="ItemsList" border="2">
<tbody>
<tr class="active" id="rowNum1"><td class="active" x:str="0001">0001</td></tr>
<tr class="active" id="rowNum2"><td class="active" x:str="0002">0002</td></tr>
<tr class="active" id="rowNum3"><td class="active" x:str="1001">1001</td></tr>
<tr class="active" id="rowNum4"><td class="active" x:str="1002">1002</td></tr>
</tbody></table>
</div>
答案 2 :(得分:0)
x:str
对我不起作用,但为
添加前缀<td> 09876</td>
的数字前缀为D:\Backup
。