/*
* 默认转换实现函数,如果需要其他功能,需自行扩展
* 参数:
* tableID : HTML中Table对象id属性值
* 详细用法参见以下 TableToExcel 对象定义
*/
function saveAsExcel(tableID) {var tb = new TableToExcel(tableID);tb.setFontStyle("Courier New");tb.setFontSize(10);tb.setTableBorder(2);tb.setColumnWidth(7);tb.isLineWrap(true);tb.getExcelFile();
}/*
* 功能:HTML中Table对象转换为Excel通用对象.
* 参数:tableID HTML中Table对象的ID属性值
* 说明:
* 能适应复杂的HTML中Table对象的自动转换,能够自动根据行列扩展信息
* 合并Excel中的单元格,客户端需要安装有Excel
* 详细的属性、方法引用说明参见:Excel的Microsoft Excel Visual Basic参考
* 示范:
* var tb = new TableToExcel('demoTable');
* tb.setFontStyle("Courier New");
* tb.setFontSize(10); //推荐取值10
* tb.setFontColor(6); //一般情况不用设置
* tb.setBackGround(4); //一般情况不用设置
* tb.setTableBorder(2); //推荐取值2
* tb.setColumnWidth(10); //推荐取值10
* tb.isLineWrap(false);
* tb.isAutoFit(true);
*
* tb.getExcelFile();
* 如果设置了单元格自适应,则设置单元格宽度无效
* 版本:1.0
* BUG提交:QQ:18234348 或者 http://jeva.bokee.com
*/
function TableToExcel(tableID) {this.tableBorder = -1; //边框类型,-1没有边框 可取1/2/3/4this.backGround = 0; //背景颜色:白色 可取调色板中的颜色编号 1/2/3/4....this.fontColor = 1; //字体颜色:黑色this.fontSize = 10; //字体大小this.fontStyle = "宋体"; //字体类型this.rowHeight = -1; //行高this.columnWidth = -1; //列宽this.lineWrap = true; //是否自动换行this.textAlign = -4108; //内容对齐方式 默认为居中this.autoFit = false; //是否自适应宽度this.tableID = tableID;
}TableToExcel.prototype.setTableBorder = function (excelBorder) {this.tableBorder = excelBorder;
};TableToExcel.prototype.setBackGround = function (excelColor) {this.backGround = excelColor;
};TableToExcel.prototype.setFontColor = function (excelColor) {this.fontColor = excelColor;
};TableToExcel.prototype.setFontSize = function (excelFontSize) {this.fontSize = excelFontSize;
};TableToExcel.prototype.setFontStyle = function (excelFont) {this.fontStyle = excelFont;
};TableToExcel.prototype.setRowHeight = function (excelRowHeight) {this.rowHeight = excelRowHeight;
};TableToExcel.prototype.setColumnWidth = function (excelColumnWidth) {this.columnWidth = excelColumnWidth;
};TableToExcel.prototype.isLineWrap = function (lineWrap) {if (lineWrap == false || lineWrap == true) {this.lineWrap = lineWrap;}
};TableToExcel.prototype.setTextAlign = function (textAlign) {this.textAlign = textAlign;
};TableToExcel.prototype.isAutoFit = function (autoFit) {if (autoFit == true || autoFit == false)this.autoFit = autoFit;
}
//文件转换主函数
TableToExcel.prototype.getExcelFile = function () {var jXls, myWorkbook, myWorksheet, myHTMLTableCell, myExcelCell, myExcelCell2;var myCellColSpan, myCellRowSpan;try {jXls = new ActiveXObject('Excel.Application');}catch (e) {alert("无法启动Excel!\n\n" + e.message +
"\n\n如果您确信您的电脑中已经安装了Excel," +
"那么请调整IE的安全级别。\n\n具体操作:\n\n" +
"工具 → Internet选项 → 安全 → 自定义级别 → 对没有标记为安全的ActiveX进行初始化和脚本运行 → 启用");return false;}jXls.Visible = true;myWorkbook = jXls.Workbooks.Add();jXls.DisplayAlerts = false;myWorkbook.Worksheets(3).Delete();myWorkbook.Worksheets(2).Delete();jXls.DisplayAlerts = true;myWorksheet = myWorkbook.ActiveSheet;var readRow = 0, readCol = 0;var totalRow = 0, totalCol = 0;var tabNum = 0;//设置行高、列宽if (this.columnWidth != -1)myWorksheet.Columns.ColumnWidth = this.columnWidth;elsemyWorksheet.Columns.ColumnWidth = 7;if (this.rowHeight != -1)myWorksheet.Rows.RowHeight = this.rowHeight;//搜索需要转换的Table对象,获取对应行、列数var obj = document.all.tags("table");for (x = 0; x < obj.length; x++) {if (obj[x].id == this.tableID) {tabNum = x;totalRow = obj[x].rows.length;for (i = 0; i < obj[x].rows[0].cells.length; i++) {myHTMLTableCell = obj[x].rows(0).cells(i);myCellColSpan = myHTMLTableCell.colSpan;totalCol = totalCol + myCellColSpan;}}}//开始构件模拟表格var excelTable = new Array();for (i = 0; i <= totalRow; i++) {excelTable[i] = new Array();for (t = 0; t <= totalCol; t++) {excelTable[i][t] = false;}}//开始转换表格 for (z = 0; z < obj[tabNum].rows.length; z++) {readRow = z + 1;readCol = 0;for (c = 0; c < obj[tabNum].rows(z).cells.length; c++) {myHTMLTableCell = obj[tabNum].rows(z).cells(c);myCellColSpan = myHTMLTableCell.colSpan;myCellRowSpan = myHTMLTableCell.rowSpan;for (y = 1; y <= totalCol; y++) {if (excelTable[readRow][y] == false) {readCol = y;break;}}if (myCellColSpan * myCellRowSpan > 1) {myExcelCell = myWorksheet.Cells(readRow, readCol);myExcelCell2 = myWorksheet.Cells(readRow + myCellRowSpan - 1, readCol + myCellColSpan - 1);myWorksheet.Range(myExcelCell, myExcelCell2).Merge();myExcelCell.HorizontalAlignment = this.textAlign;myExcelCell.Font.Size = this.fontSize;myExcelCell.Font.Name = this.fontStyle;myExcelCell.wrapText = this.lineWrap;myExcelCell.Interior.ColorIndex = this.backGround;myExcelCell.Font.ColorIndex = this.fontColor;if (this.tableBorder != -1) {myWorksheet.Range(myExcelCell, myExcelCell2).Borders(1).Weight = this.tableBorder;myWorksheet.Range(myExcelCell, myExcelCell2).Borders(2).Weight = this.tableBorder;myWorksheet.Range(myExcelCell, myExcelCell2).Borders(3).Weight = this.tableBorder;myWorksheet.Range(myExcelCell, myExcelCell2).Borders(4).Weight = this.tableBorder;}myExcelCell.Value = myHTMLTableCell.innerText;for (row = readRow; row <= myCellRowSpan + readRow - 1; row++) {for (col = readCol; col <= myCellColSpan + readCol - 1; col++) {excelTable[row][col] = true;}}readCol = readCol + myCellColSpan;} else {myExcelCell = myWorksheet.Cells(readRow, readCol);myExcelCell.Value = myHTMLTableCell.innerText;myExcelCell.HorizontalAlignment = this.textAlign;myExcelCell.Font.Size = this.fontSize;myExcelCell.Font.Name = this.fontStyle;myExcelCell.wrapText = this.lineWrap;myExcelCell.Interior.ColorIndex = this.backGround;myExcelCell.Font.ColorIndex = this.fontColor;if (this.tableBorder != -1) {myExcelCell.Borders(1).Weight = this.tableBorder;myExcelCell.Borders(2).Weight = this.tableBorder;myExcelCell.Borders(3).Weight = this.tableBorder;myExcelCell.Borders(4).Weight = this.tableBorder;}excelTable[readRow][readCol] = true;readCol = readCol + 1;}}}if (this.autoFit == true)myWorksheet.Columns.AutoFit;jXls.UserControl = true;jXls = null;myWorkbook = null;myWorksheet = null;
};

转载于:https://www.cnblogs.com/alex-toni/p/5773732.html

js 导出到excel相关推荐

  1. js 导出excel,设置下载的标题

    在网上找到了js导出为excel的方法,可就是找不到如何修改导出的excel标题的方式,找到了如下的网站: 参考国外的网站:http://stackoverflow.com/questions/171 ...

  2. 浏览器端JS导出EXCEL

    浏览器端JS导出EXCEL FileSaver.js 实现了在本身不支持 HTML5 W3C saveAs() FileSaver 接口的浏览器支持文件保存.FileSaver.js 在客户端保存文件 ...

  3. js 调用php 导出表格,[拿来主义]使用layui纯JS导出html页面中的table为excel

    使用场景: 将当前html页面中table的数据导出为excel(分析:页面无分页,不用再查数据库,直接使用js插件导出数据即可) js代码: layui.config({ base: '{$Thin ...

  4. 前端利用JS导出数据到Excel表 数字是文本类型 无法计算

    问题描述:前端利用JS导出数据到Excel表 数字是文本类型 无法进行公式计算:前端利用JS导出数据到Excel表 数字是文本类型 无法计算 解决办法:参考https://bbs.csdn.net/t ...

  5. html table导出excel 插入图片_前端 Table 用 JS 导出EXCEL(支持大量数据,保留报表格式) - pensive2019...

    最近项目上,需要用到将网页上的table报表导出Excel.原先一直用,面对简单的数结构时只要简单的套用就能导出了,但是table结构相对复杂时,很难在组成一样结构,要花很多时间调:这时就想到在百度上 ...

  6. 使用js代码将HTML Table导出为Excel

    使用js代码将HTML Table导出为Excel的方法: 直接上源码 <html> <head> <meta http-equiv="Content-Type ...

  7. 通过javascript获取sharepoint数据,使用JS导出Excel

    通过网页将数据导出到Excel是常见需求,使用服务器端导出,开发周期长,部署麻烦.这里推荐一种客户端导出方法. 客户端导出与Sharepoint无关.这里附带使用场景基于SP,因为SP自带的导出功能比 ...

  8. chrome浏览器使用js导出Excel出现网络错误

    使用js 导出Excel由于数据量太大导致出现网络错误,如图所示: 解决办法: 表格绘制完成后,使用 Blob let blob = new Blob([format(template, ctx]); ...

  9. Js实现将Excel导出为JSON

    前言 开发这个小工具目的是为了提供给前端 JSON 数据,因为客户只提供从数据中台导出的 Excel 表格数据,所以给前端程序员生成好 JSON 数据文件再发给他就行,反正每次客户生成 Excel 还 ...

最新文章

  1. Redis-Cluster实战--4.官方安装(含视频)
  2. Android开发之在程序右上角添加菜单选项
  3. 欢迎参与 KubeVela 官方文档翻译活动
  4. 《图解服务器网络架构》 学习笔记
  5. 如何把SAP CRM产品主数据隐藏的batch ID字段显示出来
  6. NLP Coursera By Michael Collins - Week1
  7. 【渝粤题库】国家开放大学2021春1334纳税筹划题目
  8. 浅入浅出数据结构(20)——快速排序
  9. 阿里巴巴云原生大数据运维平台 SREWorks 正式开源
  10. [CentOS]CentOS下编译CPP文件时报错[undefined reference to `__gxx_personality_v0' collect2: ld]的解决办法...
  11. 西华师范大学计算机专业保研资格,西华师范大学计算机学院 计算机应用技术保研条件...
  12. mysql 备份表_删库一定要跑路吗?手把手教你MySQL数据恢复
  13. tcping命令详解
  14. 用python手把手教你玩跳一跳小游戏,直接打出高分
  15. 设计师点评互联网巨头Logo
  16. 向奇汉:服务企业互联网化 打造社会化商业平台
  17. matlab imshow加画网格,matlab能生成随机行走网格吗? - 仿真模拟 - 小木虫 - 学术 科研 互动社区...
  18. 【TensorFlow】使用slim从ckpt里导出指定层的参数
  19. More Effective C++之 Item M6:自增(increment)、自减(decrement)操作符前缀形式与后缀形式的区别
  20. php 把数字转化为大写中文(完善版)

热门文章

  1. linux中运行.pro文件,Linux下pro*c运行配置
  2. java排序算法代码_Java实现八种排序算法(代码详细解释)
  3. K8s Ingress Provider 为什么选择 MSE 云原生网关?
  4. Facebook宕机背后,我们该如何及时发现DNS问题
  5. vue打包后css路径_Vue打包后访问静态资源路径问题
  6. 大商创去后门eval-stdin.php,大商创的开源代码都有哪些后门,如何去除大商创后门...
  7. android前台服务需要解绑,Android接入
  8. Adobe Reader 文档无法签名_手把手教你如何利用PDF阅读器压缩PDF文档
  9. android获取自定义属性,android 自定义控件中获取属性的三种方式(转)
  10. 视觉SLAM总结——LSD SLAM中关键知识点总结