jquery.table2excel.js 导出excel 因rowspan导致列错乱

最新推荐文章于 2021-10-13 17:02:14 发布
最新推荐文章于 2021-10-13 17:02:14 发布
阅读量1.2k 收藏 1
点赞数 4
分类专栏： jQuery js 文章标签： jquery excel
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/qq_35339997/article/details/113684201
版权
js 同时被 2 个专栏收录
3 篇文章 0 订阅
订阅专栏
jQuery
2 篇文章 1 订阅
订阅专栏

jquery.table2excel.js 可以很方便的将table导出为excel

大部分table都能轻松导出，但也有一些table导出时会有问题  比如这种

因为thead有三个tr  然后进行合并单元格，colspan是没有问题的  但是rowspan会有问题 第一行tr比第二第三个tr多了三个td（牵头医院、乡镇、团队名称）

所以导出时会变成这种：红色其实应该在绿色的位置下边  应向后移三个单元格

 

解决思路来源于一个帖子的提到的小问题（html里的table因为需求要隐藏一些列 但是用这个插件依旧导出了这些列？？  这个问题很简单，插件很明显的地方就有提示：带noExlclass的行不会被输出到excel中） 看到这大家应该恍然大悟了  用隐藏的td去占位~

<td colspan="3" style="display:none;">  但excel依旧会把这些td导出  下面是效果

给暂时没思路的同学一点思路~  如有帮到 值一个赞~

 

超可靠的小伙伴
关注
  • 4
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
table笔记：一行里所有td的rowspan都大于1时，表格格式乱套问题及解决。
HooRay_
01-03 1367
table笔记：一行里所有td的rowspan都大于1时，表格格式乱套问题及解决。
使用table2excel导出时间问题
cherry_chenrui的博客
02-14 2352
问题描述：因为嫌使用java.util.Date类型表示时间，在展示的时候需要进行new SimpleDateFormat("yyyy-MM-dd HH:mm:ss")进行转化，所以在存储的时候之间存成String类型，结果发现在使用table2excel导出的时候，时间出现了问题。然而查看之前的是java.util.Date类型的数据转化成的时间类型导出的时间是没有问题的，所以发现这个肯定是格式...
使用table2excel导出不规则table
qq_38101304的博客
11-16 664
项目需要导出不规则数据，根据他的js改完后，发现table的列并未对齐， 所以想了一下，一般合并单元格有两种，一种是自身合并，一种是依据其他列合并，这两种结合使用才能让表格完美呈现，贴下代码:一个是根据自身，一个是根据前列 function mergeCells(data,fieldName,colspan,target){ //声明一个map计算相同属性值在data对象出现的次数和 var sortMap = {}; for(var i = 0 ; i < data.le
require.js引入jQuery插件table2excel报错的问题,求助!
weixin_43071614的博客
11-27 1113
require.js引入jQuery插件table2excel报错的问题,求助! require.js里引入的地址 shim里写的插件依赖 引用table2excel 点击事件触发导出功能 是的,然后就报错了,可能是我引入的不对?? ...
table 导出excel表格及遇到的一些问题
码厩
10-13 603
table 导出excel表格及遇到的一些问题 let tableHtml = `<table> <thead> <tr> <th style="border: 1px solid #999;">姓名</th> <th style="border: 1px solid #999;">年龄</th> <th style="border: 1px solid #999;">电
通过tableExport.js插件导出jqgrid表格数据
想吃烤肉
02-09 1042
通过tableExport.js插件导出jqgrid表格数据，实现了导出：JSON、XML、CSV、TXT、SQL、MS-Word、Ms-Excel，解决了数据量少而导致的中文乱码问题，解决导出数据无后缀名问题
jquery.table.rowspan.js 表格自动合并单元格插件
04-15
`jQuery.table.rowspan.js`是一个专为解决表格中单元格自动合并问题的jQuery插件。这个插件允许开发者在前端轻松处理复杂的表格布局，提高用户体验，同时也减轻了服务器端的计算压力。 ### 插件原理 `rowspan`属性...
jquery.table.rowspan.js
05-29
jquery.table.rowspan.js
jquery table rowspan 表格单元格合并Demo.zip
09-18
在这个“jquery table rowspan 表格单元格合并Demo.zip”中，我们主要关注的是如何使用 jQuery 来实现 HTML 表格（`<table>`）中的 `rowspan` 属性来合并单元格，以创建更复杂、更有结构感的表格布局。 首先，`...
html中table表格导出Excel示例（亲测可用）
最新发布
05-28
总的来说，这个示例提供了一种前端实现HTML表格到Excel导出的方法，利用了HTML、jQuery和JavaScript的特性。用户在前端即可完成数据导出，提高了用户体验，同时也减轻了后端服务器的压力。在实际项目中，可以根据...
tableExport表格导出插件jqgrid中文修正版
07-24
tableExport 中文修正+jqgrid修正 表格导出插件，本插件在前人修正的基础上针对几个问题进行了修改，20170722修正以下问题：1.解决jqgrid无法获取表头问题;2.jqgrid开头有一空行问题;3.部分格式导出无扩展名问题;4.但xml中文还是乱码,ppt输出不对；5.注意参数大小写问题，必须一致,因此将所有参数名改成了小写。
通过jquery还原含有rowspan、colspan的table的实现方法
10-28
通过jquery还原含有rowspan、colspan的table的实现方法，学习jquery的朋友可以参考下
table导出excel
12-14
该插件可以轻松将页面中的表格导出成excel文件，支持rowspan,colspan的，解决中文乱码问题
js导出的xlsx无法打开_《如何用js导出数据Excel》 不能导出excel表
weixin_39917718的博客
01-13 250
js页面的数据怎么样导出到excel表格function saveCode(obj) {var winname = window.open('', '_blank', 'top=10000');var strHTML = document.all.tableExcel.innerHTML;winname.document.open('text/html', 'replace');winname.d...
js导出excel格式错误的问题
wangbingqi的专栏
05-11 6965
我使用的是bootstrap-table导出excel，在网页table中是没有问题的，导出excel后数字变成了科学技术，日期格式也不对，bootstrap-table的导出依赖tableExport.js文件，打开这个文件修改350行：     docData += '&lt;table&gt;&lt;thead&gt;';  修改为 ：         docData += '&lt;tab...
js导出的xlsx无法打开_js-xlsx实现文件导出、下载（excel）
weixin_39897218的博客
12-22 1836
记录一下近期使用js-xlsx的一些经验真正的.xls\.xlsx文件，就算是空白的其实是包含了一些内容的 所以并不能直接像写入txt一样直接搞一个file往里面把数据写入就完了现在网上查得到导出excel的一些方法：1、在IE上使用ActiveXObject导出文件由于我们客户端是基于chorme的，所以没有做尝试2、导出csv文件如果是比较简单的表格(没有表格单元格合并等需求)，其实csv文件...
fastadmin导出数据报内存溢出解决方法
Shuainan_0619的博客
10-27 1389
问题：使用自带的导出功能导出excel报错，如图： 问题解析：导出按钮默认将导出整个表的所有行，如果需要仅导出当前分页的数据，需要设置exportDataType: ‘basic’，如果想导出选中的行，则可以设置为exportDataType: ‘selected’，如果不需要此功能，可以设置showExport: false 问题处理： 1.打开\public\assets\js目录，找到require-table.js 2.将第17行左右exportDataType的值修改为basic，即：设置为导出
jqGrid导出excel
weixin_30555753的博客
08-11 692
项目中经常需要将查找出来的jqGrid表单导出成excel，原先的做法就是跳转到后端然后通过数据库中再查找一次然后用POI导出。 后来需要查找的表格多了一系列问题也就出来了: 1.每次的导出栏不一样都要针对性的对代码进行修改。 2.如果数据查询复杂的话无疑增加了数据库的负担，以及导出的等待时长。 于是我就开始考虑查找js导出的相关插件，网上有关内容相对比较少，但是功夫不负有心人终...
将数据从数据库导出到Excel表的时候，因为有换行符出现乱行
红狼大大的博客
10-16 2465
解决方法： 使用 ’ " ’ + 字段 +’ " ’ 把每个字符串类型的都包括起来，就可以了 问题重现： 字段值包含char(10)换行符，复制字段值到Excel. 根源： 某些行列对应单元格包含了换行符，导致复制到Excel里面发生错位。 解决方案： 方案1（推荐）：把有问题的字段值，用英文双引号括起来，这样就能把字段值里面的换行符限制在正确的Excel单元格里面。 方案2：通过脚本把对应的字段值换行符去掉。 详细参考：https://www.cnblogs.com/zhang502..
Export2Excel.js修改表格样式
11-02
Export2Excel.js是一个用于将数据导出为Excel文件的JavaScript库。如果你想修改表格样式，可以在Export2Excel.js文件中进行以下操作： 1. 单元格宽度设置：可以通过设置列的宽度来调整单元格的宽度。例如，可以使用以下代码设置第一列的宽度为100px： ``` ws.col(1).setWidth(100) ``` 2. 边框设置：可以使用以下代码设置单元格的边框样式： ``` const borderStyle = { top: { style: 'thin', color: { rgb: '000000' } }, bottom: { style: 'thin', color: { rgb: '000000' } }, left: { style: 'thin', color: { rgb: '000000' } }, right: { style: 'thin', color: { rgb: '000000' } } } ws.cell(row, col).style.border = borderStyle ``` 3. 字体设置：可以使用以下代码设置单元格的字体样式： ``` const font = { name: 'Arial', size: 10, bold: true, color: { rgb: 'FF0000' } } ws.cell(row, col).style.font = font ``` 4. 颜色设置：可以使用以下代码设置单元格的背景色和字体颜色： ``` ws.cell(row, col).style.fill = { type: 'pattern', patternType: 'solid', fgColor: { rgb: 'FFFF00' }, bgColor: { rgb: '000000' } } ws.cell(row, col).style.font = { color: { rgb: 'FF0000' } } ``` 5. 复杂表头处理：可以使用以下代码设置复杂表头： ``` const header = [ [ { title: '姓名', rowspan: 2, align: 'center', valign: 'middle' }, { title: '语文', colspan: 2, align: 'center', valign: 'middle' }, { title: '数学', colspan: 2, align: 'center', valign: 'middle' } ], [ { title: '成绩', align: 'center', valign: 'middle' }, { title: '排名', align: 'center', valign: 'middle' }, { title: '成绩', align: 'center', valign: 'middle' }, { title: '排名', align: 'center', valign: 'middle' } ] ] header.forEach((row, rowIndex) => { const newRow = ws.addRow([]) row.forEach((cell, cellIndex) => { const newCell = newRow.addCell(cell.title) newCell.style.alignment = { horizontal: 'center', vertical: 'middle' } if (cell.rowspan) { ws.mergeCells(rowIndex + 1, cellIndex + 1, rowIndex + cell.rowspan, cellIndex + 1) } if (cell.colspan) { ws.mergeCells(rowIndex + 1, cellIndex + 1, rowIndex + 1, cellIndex + cell.colspan) } }) }) ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值