js导出excel之格式控制

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>js to excel</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<style type="text/css">
.tit{
	font-size:25px;
}
</style>
<script>
 function method1() {//整个表格拷贝到EXCEL中 
	//检索浏览器
	if(navigator.userAgent.indexOf("MSIE")<0){
		alert('请用ie浏览器进行表格导出');
		return ;
	}

	var tableid="excel";
    var curTbl = document.getElementById(tableid); 
    var oXL = null; 
	try {
        oXL = GetObject("", "Excel.Application");
    }
    catch (E) {
        try {
            oXL = new ActiveXObject("Excel.Application");
        }
        catch (E2) {
            alert("Please confirm:\n1.Microsoft Excel has been installed.\n2.Internet Options=>Security=>Setting \"Enable unsafe ActiveX\"");
            return;
        }
    }

    //创建AX对象excel 
    var oWB = oXL.Workbooks.Add(); 
     //获取workbook对象 
    var oSheet = oWB.ActiveSheet; 
		
	//在此进行样式控制
	oSheet.Rows(1+":"+1).RowHeight =20;//定义行高
	oSheet.Rows(2+":"+2).RowHeight =30;
	//定义列宽
	oSheet.Columns('A:A').ColumnWidth = 5;
	oSheet.Columns('B:B').ColumnWidth = 10;
	oSheet.Columns('C:C').ColumnWidth = 15;
	oSheet.Columns('D:D').ColumnWidth = 15;
	oSheet.Columns('E:E').ColumnWidth = 38;
	oSheet.Columns('F:F').ColumnWidth = 12;
	oSheet.Columns('G:G').ColumnWidth = 10;
	oSheet.Columns('H:H').ColumnWidth = 15;

	oSheet.Rows(1).HorizontalAlignment=3;   

    var sel = document.body.createTextRange(); //激活当前sheet 
    sel.moveToElementText(curTbl); //把表格中的内容移到TextRange中
    sel.select();  //全选TextRange中内容 
    sel.execCommand("Copy"); //复制TextRange中内容 
    oSheet.Paste(); //粘贴到活动的EXCEL中 
    oXL.Visible = true; //设置excel可见属性
	
	oSheet.Application.Quit();   //结束当前进程

	window.opener=null;
	window.close();//关闭当前窗口
	
 } 
</script>
</head>
<body>
<div >
	<input type="button" value="export" onclick="method1();">
</div>
<table width="1038" border=1 align="center" id="excel" ><!-- style="visibility:hidden;" --> 
  <tHead>
    <tr>
      <td colspan="8" ><div align="center" class="tit"><strong>请示登记单 </strong></div></td>
    </tr>
    <tr>
      <td width="90"><div align="center" width="90"><strong>序号</strong></div></td>
      <td width="121"><div align="center" width="121"><strong>文件序号</strong></div></td>
      <td width="123"><div align="center" width="123"><strong> 文件编号 </strong></div></td>
      <td width="123"><div align="center"><strong> 日期 </strong></div></td>
      <td width="276"><div align="center"><strong> 标题 </strong></div></td>
      <td width="85"><div align="center"  width="85""><strong> 备注 </strong></div></td>
    </tr>
  </tHead>
  <tbody>

    <tr>
      <td align="center">&nbsp;1</td>
      <td align="center">2008-0202-请示</td>
      <td align="center">&nbsp;</td>
      <td align="center">&nbsp;2009-5-14 21:38</td>
      <td align="center">&nbsp;gggggg</td>
      <td align="center">&nbsp;</td>
    </tr>
	
	 <tr>
      <td align="center">&nbsp;1</td>
      <td align="center">2008-0202-请示</td>
      <td align="center">&nbsp;</td>
      <td align="center">&nbsp;2009-5-14 21:38</td>
      <td align="center">&nbsp;gggggg</td>
      <td align="center">&nbsp;</td>
    </tr>

  </tbody>
</table>
</body>
</html>

 

UniApp前端导出Excel实战:手把手教你实现表格导出(含图片插入技巧) 本文详细介绍了在UniApp前端实现Excel导出的完整方案,重点讲解了如何通过HTML Table结合MIME类型或SheetJS库,在不依赖后端的情况下生成高性能表格。文章特别深入探讨了图片嵌入这一复杂需求,提供了跨平台图片处理、缓存优化及内存管理等实战技巧,并附有完整的商品报表导出案例代码,帮助开发者快速掌握UniApp前端导出Excel的核心技能。 阅读详情

相关推荐

SpringBoot项目里,如何用EasyExcel优雅地实现带格式的Excel导入导出

本文详细介绍了在SpringBoot项目中如何优雅地使用EasyExcel实现带格式的Excel导入导出。通过实战案例展示了高级导出、智能导入、动态样式等企业级应用技巧,帮助开发者提升数据处理效率与性能优化。

weixin_30500473的博客 318

如何使用js 打开并设置excel某些单元格的格式例子

一个用js写的打开excel并设置某些行excel格式的小例子

149. SAP UI5 Table 控件数据进行 Excel 导出时如何进行格式控制

本文介绍了 SAP UI5 sap.m.Table 控件显示的内容,在导出Excel 本地文件之前支持的数据显示格式控制的各种参数,详细用法和导出的效果展示。

2007 年 ~ 2025 年,深耕 SAP 技术 18 年 1624

浏览器安全问题导致activex不能使用的终极解决办法_悄悄俏俏

不废话,直接说办法: 1、将浏览器internet选项中的internet和本机internet的安全设置中的对不安全的activex控件标记为可用设置启用。 2、将要访问的网址的域名加入信任站点,这点很重要。 3、你的activex控件最好事先在本机注册一下(可有可无)

zhou699的专栏 2112

剖析ActiveX控件安全问题

Dissect ActiveX Control Safety 1、介绍 如果你曾经在网页或者ASP中使用过com对象,你可能会发现,有时候会出现这样讨厌的对话框   这是因为你的控件没有被标记为安全的,对于初始化不安全或者对于脚本不安全,甚至兼而有之。你每打开一次这样的网页,这种情况就会发生一次,你怎么办?当然,这可以通过设置IE本身的安全等级为low来解决这样...

weixin_30668887的博客 267

[最简单]exceljs 纯前端导出Excel,带样式,保护锁定

【代码】[最简单]exceljs 纯前端导出Excel,带样式,设置,保护锁定。

sanghongxv的博客 955

Enabling Active X on Windows

To use on Windows, Internet Explorer (IE) must be enabled for downloading and running Active X controls. You may see any of the following error messages in your Internet Explorer Information Bar if yo

编程岁月 956

WEB页面导出EXCEL并控制格式(ie only)

<br /><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml"><br /><head><br /><meta http-equiv="Content-Type" content="text/html; chars

freego1026的专栏 975

Officegen入门指南:如何在JavaScript中快速生成Office文档

Officegen是一个强大的JavaScript库,专门用于生成Microsoft Office Open XML格式的文档。这个工具允许开发者在Node.js环境中无需任何外部工具,直接创建Word(docx)、PowerPoint(pptx)和Excel(xlsx)文件。无论您需要自动化报告生成、动态创建演示文稿,还是构建数据导出功能,Officegen都能提供完整的解决方案。 ## 📦

gitblog_00071的博客 389

深入掌握 ExcelJS:Node.js 中强大的 Excel 操作库

本文深入介绍了ExcelJS在Node.js环境下的应用,作为一款功能强大的Excel处理库,它支持创建/修改.xlsx文件、格式控制、数据验证及流式写入等特性。文章系统讲解了ExcelJS的基础操作(创建工作表、数据读写、样式设置)和典型应用场景(数据导入模板、下拉选择、合并单元格等),并针对大数据量导出提供了流式处理方案。通过对比主流替代方案,作者建议将ExcelJS封装为可复用的服务模块(模板生成、导入校验、导出逻辑),特别适合电商、金融、政府等需要复杂表格处理的行业场景。文章还提供了架构设计建议,强

nbsaas-boot基于Request-Response的企业级快速开发框架 5036

Web输出Excel的总结

1.js实现 <HTML><HEAD><title>WEB页面导出EXCEL文档的方法</title></HEAD><body><BR><tableid="PrintA"width="100%"bo...

weixin_30325071的博客 177

jsp导出excel格式控制

   在做excel导出的时候,有两个选择摆在面前,我先是做了一个js的,但不支持FF,而且要求浏览器降低安全性,才可以。前几天看了js导出pdf支持FF,估计js导出excel也能支持FF,类似的原理。不过用户体验不好,还是决定采用服务器生成的方式。          这个时候有两个选择,一个是poi,另一个是jxl。我选择了poi,因为对它比较熟悉。据说jxl也是很好用的。      ...

javaDevil 332

基于 xlsx-js-style 的 Excel 导出工具实现导出excel

本文介绍了一个基于xlsx-js-style库的Excel导出工具实现。该工具可将数据数组导出Excel文件,支持自定义表头、字段选择、工作表命名和丰富的样式设置。核心功能包括数据验证与转换、表头处理、单元格样式配置(对齐、边框、字体等)和自动文件下载。工具提供了简洁API,支持Vue等前端框架集成,并包含错误处理机制。通过示例代码展示了基础用法(全字段导出)和高级用法(部分字段导出),以及如何在Vue组件中调用该工具。该方案适用于后台管理系统中的数据导出需求,具有配置灵活、样式丰富、使用简便等特点。

weixin_45653441的博客 644

HTML表格导出Excel文件的实现方案

1、前端javascript可通过mime类型、blob对象或专业库(如sheetjs)实现html表格导出excel,适用于中小型数据量;2、服务器端方案利用后端语言(如python的openpyxl、java的apache poi)处理复杂报表和大数据,确保安全性与格式控制;3、常见问题包括数据类型识别错误、样式丢失、大文件卡顿、浏览器兼容性及乱码,需通过设置单元格类型、使用后端样式api、分页处理、引入polyfill及指定编码解决。

风清扬的专栏 2338

EXT Grid实现Excel导出功能详解

在现代Web应用中,数据展示与导出功能已成为不可或缺的一部分。EXT Grid作为Ext JS框架中的核心组件,广泛用于构建企业级数据表格,具备强大的数据绑定、排序、筛选和分页能力。然而,用户往往不仅希望在界面上查看数据,还希望将这些数据导出Excel格式,以便进行更深入的分析或报表制作。

weixin_35754676的博客 711

TableExport.js:一行代码实现HTML表格到Excel、CSV的完美转换

还在为网页表格数据导出而烦恼吗?你是否曾经花费数小时编写复杂的代码,只为让用户能够下载一个简单的数据表格?TableExport.js正是为了解决这个问题而生的开源JavaScript库,它能让你仅用一行代码就能将HTML表格快速转换为Excel、CSV等多种办公格式,彻底改变网页数据处理的传统方式。 ## 为什么TableExport.js能成为你的开发利器? 在数据驱动的Web应用中,表格

gitblog_00257的博客 440

前端导出Excel样式保持方案与实战技巧

Excel文件导出是Web开发中常见的功能需求,但网页表格样式在导出时经常出现丢失问题。这源于Excel文件格式(XLS/XLSX)需要特定的样式标记和结构定义,而纯文本格式CSV完全不支持样式。通过SheetJSExcelJS等前端库,开发者可以实现完整的单元格样式控制,包括字体、颜色、边框等属性映射,以及单元格合并等复杂布局处理。这些技术在数据报表导出、管理系统数据归档等场景中具有重要价值。针对大数据量场景,流式写入和Web Worker能有效提升性能,而服务端方案如Node.jsExcelJS或P

weixin_30700099的博客 399
上一篇: jsp导出excel之格式控制
下一篇: Js调试利器--------vs 2008
javaSCJ
博客等级 码龄19年 2粉丝 6原创
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值