将页面table内容与样式另存成excel文件的方法


Posted in Javascript onAugust 05, 2015

在项目做完之余,测试最近做的一个论坛,其中有个导出功能,发现点击网页导出按钮之后,将页面的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 相关文章推荐
javascript数组去掉重复
May 12 Javascript
JQuery插件Style定制化方法的分析与比较
May 03 Javascript
调试Javascript代码(浏览器F12及VS中debugger关键字)
Jan 25 Javascript
Node.js和PHP根据ip获取地理位置的方法
Mar 14 Javascript
全面解析JavaScript里的循环方法之forEach,for-in,for-of
Apr 20 Javascript
BooStrap对导航条的改造实践小结
Sep 21 Javascript
jQuery插件扩展实例【添加回调函数】
Nov 26 Javascript
Angular之指令Directive用法详解
Mar 01 Javascript
详解vue项目接入微信JSSDK的坑
Dec 14 Javascript
vue从一个页面跳转到另一个页面并携带参数的解决方法
Aug 12 Javascript
解决vue-cli 打包后自定义动画未执行的问题
Nov 12 Javascript
vue.config.js常用配置详解
Nov 14 Javascript
JS模拟键盘打字效果的方法
Aug 05 #Javascript
js点击列表文字对应该行显示背景颜色的实现代码
Aug 05 #Javascript
JS使用parseInt解析数字实现求和的方法
Aug 05 #Javascript
js绘制圆形和矩形的方法
Aug 05 #Javascript
JavaScript实现自动消除按钮功能的方法
Aug 05 #Javascript
JS版元素周期表实现方法
Aug 05 #Javascript
javascript实现手机震动API代码
Aug 05 #Javascript
You might like
关于Zend Studio 配色方案插件的介绍
2013/06/24 PHP
PHP SPL标准库之数据结构栈(SplStack)介绍
2015/05/12 PHP
PHP生成plist数据的方法
2015/06/16 PHP
Thinkphp模板标签if和eq的区别和比较实例分析
2015/07/01 PHP
yii2项目实战之restful api授权验证详解
2017/05/20 PHP
PHP之多条件混合筛选功能的实现方法
2019/10/09 PHP
JSF中confirm弹出框的用法示例介绍
2014/01/07 Javascript
jQuery操作Table技巧大汇总
2016/01/23 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
详解nodejs爬虫程序解决gbk等中文编码问题
2017/04/06 NodeJs
详解Node.js access_token的获取、存储及更新
2017/06/20 Javascript
nodejs爬虫初试superagent和cheerio
2018/03/05 NodeJs
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
2018/08/22 Javascript
详解webpack打包nodejs项目(前端代码)
2018/09/19 NodeJs
微信小程序开发问题之wx.previewImage
2018/12/25 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
node.js爬虫框架node-crawler初体验
2020/10/29 Javascript
SVM基本概念及Python实现代码
2017/12/27 Python
python smtplib模块自动收发邮件功能(一)
2018/05/22 Python
Scrapy框架使用的基本知识
2018/10/21 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
keras中模型训练class_weight,sample_weight区别说明
2020/05/23 Python
Python控制台实现交互式环境执行
2020/06/09 Python
如何通过python检查文件是否被占用
2020/12/18 Python
HTML5 FormData 方法介绍以及实现文件上传示例
2017/09/12 HTML / CSS
I.T集团香港官方商城:ITeSHOP.com Hong Kong
2019/02/15 全球购物
简单说下OSPF的操作过程
2014/08/13 面试题
财务人员求职自荐书范文
2014/02/10 职场文书
工作推荐信范文
2014/05/10 职场文书
求职信名称怎么写
2014/05/26 职场文书
社团活动总结怎么写
2014/06/30 职场文书
反腐倡廉警示教育活动心得体会
2014/09/04 职场文书
2016党员三严三实心得体会
2016/01/15 职场文书
python游戏开发Pygame框架
2022/04/22 Python
2022年显卡天梯图(6月更新)
2022/06/17 数码科技