解决js将table表格导出的excel中网格线消失问题

最新推荐文章于 2024-09-10 16:48:02 发布

置顶 ypssj

最新推荐文章于 2024-09-10 16:48:02 发布

阅读量1.9k

点赞数 3

文章标签： javascript html 前端

本文链接：https://blog.csdn.net/qq_23929819/article/details/107254186

版权

//先读取table的HTML

var tableHtmlStr = '<table class="table"><tr><td>1</td><td>2</td></tr></table>';

//敲黑板！！！解决导出的excel中网格先消失的问题（给table加样式 vnd.ms-excel.numberformat:@;）

var excelHtml = '<html xmlns:x="urn:schemas-microsoft-com:office:excel"><head><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:WorksheetOptions><x:Print><x:ValidPrinterInfo /></x:Print></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml></head><style>table{vnd.ms-excel.numberformat:@;}</style>'+tableHtmlStr +'</html>；

var temp = {hello: 'world'};
var blob = new Blob([JSON.stringify(temp, null, 2)],{type : 'application/json'});

//将excelHtml 传入
var excelBlob = new Blob([excelHtml ], {type: 'application/vnd.ms-excel'});
var oA = document.createElement('a');
// 利用URL.createObjectURL()方法为a元素生成blob URL
oA.href = URL.createObjectURL(excelBlob);
oA.download = '这是excel文件名称'+ '.xls';
// 模拟点击
oA.click();