JS导出Excel自动获取table页面数据自动获取,并进行单元格合并行,列

2023-11-05

JS获取table页面数据自动获取,并进行单元格合并行,列

自己在百度上看的,感觉还可以

自己吧下面的代码复制就可以用了

(关于无法启动Excel问题,)

 

  1. 这是HTML页面
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
 <meta charset="UTF-8">
<title>NP统计</title>  
<style>  
#idParentDiv{margin:50px 0px 0px 50px;background-color: #DFE8F6;font-size: 14px;}  
</style>  
<script type="text/javascript" src="js/TableToExcel.js"></script>  
<script type="text/javascript">  
  
function ExportExcel(tableID){  
        var tb = new TableToExcel(tableID);  
        tb.setFontStyle("Courier New");  
        tb.setFontSize(10);  
        tb.setTableBorder(2);  
        tb.setColumnWidth(7);  
        tb.isLineWrap(true);  
        tb.getExcelFile();  
}   
  
</script>  
</head>  
<body>  
<input type="button" onclick="ExportExcel('idParentDiv')" value="导出excel"/>  
  
<div class="bar">  
<table border="1" id = "idParentDiv" style="display:block">  
    <tr>  
        <td align="middle">省份</td>  
        <td id = "province" colspan="2" align="middle">天津</td>  
        <td colspan="4" align="middle">携入</td>  
    </tr>  
    <tr>  
        <td rowspan="2" align="middle">时间</td>  
        <td align="middle">开始时间</td>  
        <td align="middle">结束时间</td>  
        <td align="middle">电信</td>  
        <td align="middle">移动</td>  
        <td align="middle">联通</td>  
        <td align="middle">携出合计</td>  
    </tr>  
    <tr>  
        <td id = "sDate" align="middle">2010-10-17</td>  
        <td id = "eDate" align="middle">2010-11-17</td>  
        <td align="middle">成功量</td>  
        <td align="middle">成功量</td>  
        <td align="middle">成功量</td>  
        <td align="middle">成功量</td>  
    </tr>  
    <tr>  
        <td rowspan="4" align="middle">携出</td>  
        <td colspan="2" align="middle">电信</td>  
        <td align="middle">--</td>  
        <td id = "s001002" align="middle">500</td>  
        <td id = "s001003" align="middle">700</td>  
        <td id = "out001" align="middle">1200</td>  
    </tr>  
    <tr>  
        <td colspan="2" align="middle">移动</td>  
        <td id = "s002001" align="middle">3000</td>  
        <td align="middle">--</td>  
        <td id = "s002003" align="middle">2500</td>  
        <td id = "out002" align="middle">5500</td>  
    </tr>  
    <tr>  
        <td colspan="2" align="middle">联通</td>  
        <td id = "s003001" align="middle">3000</td>  
        <td id = "s003002" align="middle">500</td>  
        <td align="middle">--</td>  
        <td id = "out003" align="middle">3500</td>  
    </tr>  
    <tr>  
        <td colspan="2" align="middle">携入合计</td>  
        <td id = "in001" align="middle">6000</td>  
        <td id = "in002" align="middle">1000</td>  
        <td id = "in003" align="middle">3200</td>  
        <td id = "inout" align="middle">10200</td>  
    </tr>  
</table>  
</div>  
  
</body>  
</html>  
  1. js
  2. //自定定义一个用于记录导出信息的对像  
    function TableToExcel(tableID) {
    	this.tableBorder = -1; //边框类型,-1没有边框 可取1/2/3/4  
    	this.backGround = 0; //背景颜色:白色 可取调色板中的颜色编号 1/2/3/4....  
    	this.fontColor = 1; //字体颜色:黑色  
    	this.fontSize = 10; //字体大小  
    	this.fontStyle = "宋体"; //字体类型  
    	this.rowHeight = 20; //行高  
    	this.columnWidth = -1; //列宽  
    	this.lineWrap = true; //是否自动换行  
    	this.textAlign = -4108; //内容对齐方式 默认为居中  
    	this.autoFit = true; //是否自适应宽度  
    	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() {
    	//先声明Excel插件、Excel工作簿等对像  
    	var jXls, myWorkbook, myWorksheet, myHTMLTableCell, myExcelCell, myExcelCell2;
    	var myCellColSpan, myCellRowSpan;
    	try {
    		jXls = new ActiveXObject('Excel.Application'); //插件初始化失败时作出提示  
    	} catch(e) {
    		alert("无法启动Excel!\n\n如果您确信您的电脑中已经安装了Excel," + "那么请调整IE的安全级别。\n\n具体操作:\n\n" + "工具 → Internet选项 → 安全 → 自定义级别 → 对没有标记为安全的ActiveX进行初始化和脚本运行 → 启用");
    		return false;
    	}
    	jXls.Visible = true;//这句写在这里可以看见整个EXCEL文档的加载过程  
    	jXls.DisplayAlerts = false; //不显示警告    
    
    	myWorkbook = jXls.Workbooks.Add(); //新建EXCEL文件  
    	//myWorkbook.Worksheets(2).Delete(); //删除第3个标签页  
    	//myWorkbook.Worksheets(3).Delete(); //删除第2个标签页  
    
    	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;
    	else
    		myWorksheet.Columns.ColumnWidth = 7;
    
    	//设置行高  
    	if(this.rowHeight != -1)
    		myWorksheet.Rows.RowHeight = this.rowHeight;
    
    	//搜索需要转换的Table对象,获取对应行、列数  
    	var obj = document.all.tags("table");
    	for(var x = 0; x < obj.length; x++) {
    		if(obj[x].id == this.tableID) {
    			tabNum = x;
    			totalRow = obj[x].rows.length; //记录总行数  
    
    			//根据第一行的单元格数及各个单元格合并的格数来计算总列数  
    			for(var 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(var i = 0; i <= totalRow; i++) {
    		excelTable[i] = new Array();
    		for(var t = 0; t <= totalCol; t++) {
    			excelTable[i][t] = false;
    		}
    	}
    
    	//开始转换表格   
    	for(var z = 0; z < obj[tabNum].rows.length; z++) {
    		readRow = z + 1;
    		readCol = 0;
    		for(var c = 0; c < obj[tabNum].rows(z).cells.length; c++) {
    			myHTMLTableCell = obj[tabNum].rows(z).cells(c); //获取HTML表格单元格对像  
    			myCellColSpan = myHTMLTableCell.colSpan; //获取单元格合并列数  
    			myCellRowSpan = myHTMLTableCell.rowSpan; //获取单元格合并行数  
    			for(var y = 1; y <= totalCol; y++) {
    				if(excelTable[readRow][y] == false) {
    					readCol = y;
    					break;
    				}
    			}
    			//合并行数*合并列数>0说明这一格有合并  
    			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.Font.ColorIndex = this.fontColor; //设置字体颜色  
    				myExcelCell.wrapText = this.lineWrap; //设置是否自动换行  
    				myExcelCell.Interior.ColorIndex = this.backGround; //设置背景色  
    				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(var row = readRow; row <= myCellRowSpan + readRow - 1; row++) {
    					for(var 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.Visible = true; //显示Excel文件  
    	jXls.UserControl = true;
    	jXls = null; //释放对像  
    	myWorkbook = null; //释放对像  
    	myWorksheet = null; //释放对像  
    };

     

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JS导出Excel自动获取table页面数据自动获取,并进行单元格合并行,列 的相关文章

  • 网络安全管理

    网络安全面临的主要威胁 人为因素 系统和运行环境等 常见的互联网服务安全包括 Web浏览器安全 文件传输 FTP 服务安全 E mail服务安全 远程登录 Telnet 安全 DNS域名安全和设备的实体安全 防火墙的局限性以及风险 防火墙能
  • 编译和安装gdb源码详细步骤介绍

    1 gdb源码下载 1 源码下载网址 https ftp gnu org gnu gdb 2 本文下面的编译是按照8 2版本的源码进行的 其余版本的源码可能会报错 需要自行解决 2 编译源码 2 1 Makefile文件 顶层目录 TOOL

随机推荐

  • 银行业法律法规与综合能力 第四章 银行从业法律基础 25%

    第四章 银行从业法律基础 4 1 银行基本法律法规 1 考点1 中国人民银行的职能和职责 一 职能 二 职责 考点2 中国人民银行的监督管理 一 直接检查监督杈 二 建议检查监督杈 三 特定情况下的检查监督权 考点3 国务院银行业监督管理机
  • hexo引用本地图片无法显示

    最近重新开始用起hexo 但是发现在文章中引用本地图片时总是显示不出来 问题如下图所示 花费了许久时间才解决这个问题 因此将一些解决经验整理出来 希望能帮助到大家 一 插件安装与配置 首先我们需要安装一个图片路径转换的插件 这个插件名字是h
  • 2023年智慧农业与经济发展国际研讨会议(ISSAED 2023)

    2023 International Seminar on Smart Agriculture and Economic Development 地点 合肥 智慧农业 农业信息管理系统 农业物联网系统集成与实践技术 农业大数据分析与应用 农
  • LLVM学习入门(2):实现解析器 Parser 和语法树 AST

    实现解析器 Parser 和语法树 AST 2 1 The Abstract Syntax Tree AST 语法抽象树 2 2 Parser Basics 基本的解析器 2 3 Basic Expression Parsing 基本表达式
  • 计算机与不确定性原理,不确定性原理

    题目 A simple baseline for bayesian uncertainty in deep learning 摘要 本文提出了一种简单 可扩展 通用的面向深度学习的不确定性表示和标定方法SWA Gaussian SWAG 随
  • SCILAB-自由科学计算软件

    SCILAB 自由科学计算软件 原创 2006 04 03 15 05 15 发表者 phoenixlin SCILAB是由法国国家信息与自动化研究院 INRIA 的科学家们开发的 开放源码 科学计算自由软件 SCILAB一词来源于英文 S
  • Graphics2D绘制图片,线段、矩形、圆形

    新建图片 BufferedImage newImage new BufferedImage 1079 512 BufferedImage TYPE INT RGB 获取绘图对象 Graphics2D g2d newImage createG
  • 访问云服务器文件共享,访问云服务器文件共享

    访问云服务器文件共享 内容精选 换一换 华为云帮助中心 为用户提供产品简介 价格说明 购买指南 用户指南 API参考 最佳实践 常见问题 视频帮助等技术文档 帮助您快速上手使用华为云服务 安装传输工具在本地主机和Windows云服务器上分别
  • 数组工具类

    该工具类有两个方法 1 isContained方法用来判断一个数组中是否包含另一个数组中所有的数据 2 arrayDiff方法用来删除一个数组中与另一个数组中值相同的元素 arrUtil js文件 key存在时表示是对象数据 可以不存在时表
  • Flying to the Mars(字典树)

    Flying to the Mars Time Limit 5000 1000 MS Java Others Memory Limit 32768 32768 K Java Others Total Submission s 12965 A
  • 整形在内存中的存储

    目录 整形在内存中的存储 大小端字节序存储 什么是大端小端 判断大小端的代码 变量的创建是要在内存中开辟空间的 空间的大小是根据不同的类型而决定的 那接下来我们谈谈数据在所开辟内存中到底是如何存储的 整形在内存中的存储 计算机中的整数有三种
  • UE4 伤害事件,不同部位不同伤害(C++)

    UE4 伤害事件 不同部位不同伤害 C 可以先看射线检测 效果 打头和身体有不同的伤害 前面设置部分 先设置项目设置里的物理的Physical Surface 添加好身体的部位 2 添加了几个就几个变量 设置好它们的表面类型 3 找到被伤害
  • 第1章 数据库系统概论---数据库原理及应用

    目录 课程学习目标 本课程教学内容 课程教材 课程实践使用的数据库软件 第1章 数据库系统概论 1 数据库系统概述 一 基本概念 数据 文字 图片等数据化后存入计算机 数据库 DB 按一定的数据模型组织的共享数据 数据库管理系统 DBMS
  • python 读写hive

    最近正在 做一个 项目 需要把 算法模型的结果持久化 至hive 目前 使用的 pyhive 切记 在windows上不能使用 我目前在centos6 5上使用 官方说再macos和linux上可用 from pyhive import h
  • Vue中filter函数 过滤器的使用

    filters是什么 filters顾名思义是一个过滤器 就是对数据进行过滤筛选 将数据转化为我们想要的格式 但是他不会改变原始数据 filters分为两类 一 局部过滤器 局部过滤器的特点 只能作用于本组件没内 定义局部过滤器 在本组件内
  • Flutter和Android中的View

    在Android中 View是屏幕上显示的所有内容的基础 按钮 工具栏 输入框等一切都是View 在Flutter中 View相当于是Widget 然而 与View相比 Widget有一些不同之处 首先 Widget仅支持一帧 并且在每一帧
  • python3「非阻塞socket」报错 “BlockingIOError: [Errno 11]“ 复现以及分析解决

    梦想还在 生活当继续 一 前言 linux 下 用 python 的非阻塞 socket 通信时 遇到了 BlockingIOError Errno 11 Resource temporarily unavailable 错误 翻译报错信息
  • 链表-真正的动态数据结构

    创建节点 public class Node T val Node next public Node T val Node next this val val this next next public Node this null nul
  • keycloak~11.3.0之后微信认证问题解决

    基于keycloak11 0 3版的微信认证的实现 而在升级到keycloak14 0 0之后 这个认证出现了问题 原因是因为人家keycloak内部源码又变了 影响类文件 server spi private src main java
  • JS导出Excel自动获取table页面数据自动获取,并进行单元格合并行,列

    JS获取table页面数据自动获取 并进行单元格合并行 列 自己在百度上看的 感觉还可以 自己吧下面的代码复制就可以用了 关于无法启动Excel问题 这是HTML页面