代码table导出来的table表格代码为什么不能合并table表格代码

// 只运行一次获得要合并的信息數组 const keywords = ['areaName']; // (这个数组要根据不同table表格代码来配置!!!) 一些prop名的集合,这些porp名代表的字段 在每个做过合并的行数据集合里 它的的值 都是唯一的(比如区域、片区、中心名称之类的)这个集合用于确保合并信息的唯一性,确保table表格代码不会错乱 // 获取合并table表格代码的信息集合 * desc 该方法为最终組合‘合并table表格代码的信息集合’的方法 * @param {Array} keywords ['1','a'...] [ 一些prop名的集合这些porp名代表的字段 在每个做过合并的行数据集合里 它的的值 都是唯一的(比如区域、片区、中心名称之类的)。这个集合用于确保合并信息的唯一性确保table表格代码不会错乱 ] : []; // 按传递进来的规则过滤 * desc 该方法会触发n次,n是過滤后的要合并的表头data的length; * @param {Array} keywords [ 一些prop名的集合,这些porp名代表的字段 在每个做过合并的行数据集合里 它的的值 都是唯一的(比如区域、片区、中惢名称之类的)这个集合用于确保合并信息的唯一性,确保table表格代码不会错乱 ] * @return {Object} 包含合并的行和列信息(其实就是 ‘合并table表格代码的信息數组’ 的一个成员看上面getMergeTabelArr方法的示例) oldObj = newObj; // 保存当前数据,用作与下一条数据的对比看是否相同,相同把下一条数据的占用列置成0这样table表格代码不会错乱 // 控制数组合并。如果有重复项也不能跨越过上一条的合并行 // connect数组各项值加起来不能超过table表格代码数据data的length,(可能有bug以后洅解决吧,哈哈哈) // 在工作中一般是要调接口去查询数据,在查询之前需要将mergeTabelArr置为空数组,然后在执行之后的操作

禁止转载,如需轉载请通过简信或评论联系作者

最近在做项目需要从页面的table表格代码中导出excel,一般导出excel有两种方法:一、习惯上是建模版从后台服务程序中导出;二、根据页面table中导出;综合考虑其中利弊选择二、根據页面table中导出excel前段有用table的也有用vue的,结佣file-saver和xlsx插件进行导出excel

没有做封装,直接改的源码

版权声明:本文为博主原创文章遵循 版权协议,转载请附上原文出处链接和本声明

tabletable表格代码中的边框会重叠到一起,使用标签中的border-collapse属性就可以了

使用border-collapse之后就能够清除掉重复的边框

合并tabletable表格代码的方法

1.纵向合并是指合并指定数目的列。
2.横向合并是指合并指定数目的行
3.其中合并的数目是你要合并的总數目减一。
4.都是td标签中的属性


    

发布了23 篇原创文章 · 获赞 6 · 访问量 1万+

结果table表格代码线就是不显示搜索了好久没找到解决办法,请大侠指教一下

参考资料

 

随机推荐