将页面table内容与样式另存成excel文件的方法
更新时间：2015年08月05日 15:19:57 投稿：mrr
本文分析一下将页面table内容与样式另存成excel文件的方法，主要介绍style与class之间的区别问题。
在项目做完之余，测试最近做的一个论坛，其中有个导出功能，发现点击网页导出按钮之后，将页面的table内容另存为excel文件后，却发现无法保存表格样式，经过问题分析之后找到根本原因，下面小编就把我的实现思路给大家分享如下：
问题描述：
问题分析过程：
1.table表格用class，而不是style。导出时并没有导出class定义，若换成style，将颜色样式直接写在style中，就会导出样式。
style是样式，在HTML中用这个来标明属性样式，是css中的内容，而class是类，申明和定义里面的内容，导出页面时并不会导出定义即class所定义的样式。
2.将类定义放到table中也可以导出样式
下面通过两种方案解决此问题。
处理方案一：
将class="${getClass()}"换成style="color:${getStyle()};"
补充：
$('#export').click(function () {
saveAsExcel($('h3').text(), $('#table').html().replace(/( )+/gi,''));
});
其中excel只识别table,使用saveAsExcel方法自动另存时，class定义保存不了；如果手工拷贝粘贴到excel时，class定义就能保存了。
主要还是手工与自动拷贝粘贴问题
处理方案二：
将在<head><style></style></head>中定义的类移动到<table></table>之间即可。类定义样式的位置问题
以上内容就是本文的全部内容，希望大家喜欢。
您可能感兴趣的文章:
- JavaScript将Table导出到Excel实现思路及代码
- C#操作EXCEL DataTable转换的实例代码
- C#将html table 导出成excel实例
- DataTable数据导出成Excel文件的小例子
- Asp.net中DataTable导出到Excel的方法介绍
- 通过table标签,PHP输出EXCEL的实现方法
- js导出table到excel同时兼容FF和IE示例
- js导出table数据到excel即导出为EXCEL文档的方法
- datatable生成excel和excel插入图片示例详解
- .Net读取Excel 返回DataTable实例代码
- npoi2.0将datatable对象转换为excel2007示例
- asp.net中Table生成Excel表格的方法
- C#使用oledb读取excel表格内容到datatable的方法
相关文章
JavaScript 中使用Promise.all()方法经验技巧详解
这篇文章主要为大家介绍了JavaScript 中使用Promise.all()方法经验技巧详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-10-10
教你如何使用THREEJS实现一个可调节档位、可摇头的电风扇
夏天到了，用Three.js实现一个可以摇头和调节档位的电风扇，主要使用到Blender处理3D模型，用Vite+Typescript搭建项目框架，这篇文章主要介绍了使用THREEJS实现一个可调节档位、可摇头的电风扇,需要的朋友可以参考下2023-06-06
这篇文章主要介绍了验证码功能的三种实现方式,分为数字短信验证码，图形验证码，滑动验证码，本文通过示例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-11-11
在JavaScript中,数据类型是编程中非常重要的概念,它决定了数据的性质、如何存储以及如何操作这些数据,本文介绍JavaScript数据类型区别及检测方法,感兴趣的朋友一起看看吧2024-04-04
人脸识别在现在很多地方都可以用的到,例如支付,解锁等,本文就来介绍一下小程序实现人脸识别,具有一定的参考价值,感兴趣的可以了解一下2023-10-10
微信小程序textarea层级过高(盖住其他元素)问题的解决办法
这篇文章主要给大家介绍了关于微信小程序textarea层级过高(盖住其他元素)问题的解决办法，文中通过图文介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-03-03
本文给大家介绍BootStrap Typeahead自动补全插件的实例代码，非常不错，具有参考借鉴价值，需要的朋友参考下2016-08-08
AJAX 是一种用于创建快速动态网页的技术,下面这篇文章主要给大家介绍了关于原生Ajax与JQuery Ajax的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-03-03
document.all还是document.getElementsByName?
document.all还是document.getElementsByName?...2006-07-07
这篇文章主要介绍了JavaScript设计模式之责任链模式,结合实例形式分析了责任链模式的概念、原理及具体定义与使用技巧,需要的朋友可以参考下2019-01-01
最新评论