js导出表格

<div class="container">

<table id="backViewTable" class="table table-hover table-sm table2excel">

<tr>

<td>#</td>

<td>ID</td>

<td>姓名</td>

<td>座位号</td>

<td>操作</td>

</tr>

<tr>

<th scope="row">1</th>

<td>1234</td>

<td>李文斐</td>

<td>2楼 3排 34号 </td>

<td><input class="btn-primary" type="button" value="删除" /></td>

</tr>

<tr>

<th scope="row">2</th>

<td>2345</td>

<td>lwf</td>

<td>1楼 3排 34号</td>

<td><input class="btn-primary" type="button" value="删除" /></td>

</tr>

<tr>

<th scope="row">3</th>

<td>3456</td>

<td>Lee</td>

<td>1楼 3排 12号</td>

<td><input class="btn-primary" type="button" value="删除" /></td>

</tr>

</table>

<button class="btn btn-primary btn-sm" onclick="tablesToExcel(['backViewTable'], ['ProductDay1'], 'TestBook.xls', 'Excel')">Export

to Excel</button>

</div>

<script>

var tablesToExcel = (function () {

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

tmplWorkbookXML =

'<?xml version="1.0"?><?mso-application progid="Excel.Sheet"?><Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">' +

'<DocumentProperties xmlns="urn:schemas-microsoft-com:office:office"><Author>Axel Richter</Author><Created>{created}</Created></DocumentProperties>' +

'<Styles>' +

'<Style ss:ID="Currency"><NumberFormat ss:Format="Currency"></NumberFormat></Style>' +

'<Style ss:ID="Date"><NumberFormat ss:Format="Medium Date"></NumberFormat></Style>' +

'</Styles>' +

'{worksheets}</Workbook>',

tmplWorksheetXML = '<Worksheet ss:Name="{nameWS}"><Table>{rows}</Table></Worksheet>',

tmplCellXML =

'<Cell{attributeStyleID}{attributeFormula}><Data ss:Type="{nameType}">{data}</Data></Cell>',

base64 = function (s) {

return window.btoa(unescape(encodeURIComponent(s)))

},

format = function (s, c) {

return s.replace(/{(\w+)}/g, function (m, p) {

return c[p];

})

}

return function (tables, wsnames, wbname, appname) {

var ctx = "";

var workbookXML = "";

var worksheetsXML = "";

var rowsXML = "";

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

if (!tables[i].nodeType) tables[i] = document.getElementById(tables[i]);

// 控制要导出的行数

for (var j = 0; j < tables[i].rows.length; j++) {

rowsXML += '<Row>';

// 控制导出的列数（在本例中，最后一列为button,导出的文件会出错，所以导出到倒数第二列

for (var k = 0; k < tables[i].rows[j].cells.length - 1; k++) {

var dataType = tables[i].rows[j].cells[k].getAttribute("data-type");

var dataStyle = tables[i].rows[j].cells[k].getAttribute("data-style");

var dataValue = tables[i].rows[j].cells[k].getAttribute("data-value");

dataValue = (dataValue) ? dataValue : tables[i].rows[j].cells[k].innerHTML;

var dataFormula = tables[i].rows[j].cells[k].getAttribute("data-formula");

dataFormula = (dataFormula) ? dataFormula : (appname == 'Calc' && dataType ==

'DateTime') ? dataValue : null;

ctx = {

attributeStyleID: (dataStyle == 'Currency' || dataStyle == 'Date') ?

' ss:StyleID="' + dataStyle + '"' : '',

nameType: (dataType == 'Number' || dataType == 'DateTime' || dataType ==

'Boolean' || dataType == 'Error') ? dataType : 'String',

data: (dataFormula) ? '' : dataValue,

attributeFormula: (dataFormula) ? ' ss:Formula="' + dataFormula + '"' : ''

};

rowsXML += format(tmplCellXML, ctx);

}

rowsXML += '</Row>'

}

ctx = {

rows: rowsXML,

nameWS: wsnames[i] || 'Sheet' + i

};

worksheetsXML += format(tmplWorksheetXML, ctx);

rowsXML = "";

}

ctx = {

created: (new Date()).getTime(),

worksheets: worksheetsXML

};

workbookXML = format(tmplWorkbookXML, ctx);

// 查看后台的打印输出

console.log(workbookXML);

var link = document.createElement("A");

link.href = uri + base64(workbookXML);

link.download = wbname || 'Workbook.xls';

link.target = '_blank';

document.body.appendChild(link);

link.click();

document.body.removeChild(link);

}

})();

</script>