Html 一个类似 excel 表合并单元格的功能,请教！

做一个类似 excel 表动态框选合并单元格的功能

这是一个 Table表格
现在要合并绿色框选择的单元格。

mousedown 时，可以拿到第一个 2-1 单元格，
mouseup 时，可以拿到最后一个 4-2 单元格

还有框选的其它的单元格怎么获取呢？

如果可以获取到 td
打算，根据拿到的 td dom元素，修改其 colSpan 和 rowSpan 来达到合并单元的效果。

大家有好的思路讲讲，
谢谢

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

4条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
CSDN专家-showbo 2022-06-13 20:19
关注
之前写一个居于jquery的，题主参考下
https://www.w3dev.cn/article/20160304/jquery-table-td-merge-plugin.aspx

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决 1
无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(3条)

报告相同问题？

关注问题

Html 一个类似 excel 表 合并单元格的功能,请教！ html vue.js 前端有问必答
2022-06-13 19:56

回答 4 已采纳之前写一个居于jquery的，题主参考下https://www.w3dev.cn/article/20160304/jquery-table-td-merge-plugin.aspx
前端导入excel表格时如何处理合并的单元格没有数据的问题 html javascript 前端
2023-01-03 17:05

回答 2 已采纳上面回答方向对，但是没有说全。这种xlsx插件一般都是有学校的之后都是没学校的。然后之后的学校全设置成第一个有学校的。举个例子 ```javascript let schoolList = [{学
如何用python/VBA实现excel合并单元格并保持原单元格颜色不变？ python 有问必答
2021-08-22 00:10

回答 1 已采纳期望的效果图是这样的吗？行业券商股票传媒东吴证券完美世界,芒果超媒天下秀传媒方正证券完美世界天下秀最终要输出excel办不到，excel合并后的单元格字体颜色等设置是唯一的。但是输出为md表格，然
vue+elementui表格前端导出excel以及自定义导出样式
2020-12-23 10:13

_小郑有点困了的博客项目遇到前端自己导出表格，我自己把后端给我的数据处理了一波，合并重复列啊，以及表头合并啊。可没想到导出竟然也要前端自己来弄，于是乎请教同事以及博客。学到了学到了。 1，装包 npm install --save xlsx file-...
VBA怎么把每一列数据合并成一个单元格内容 java
2022-08-17 09:28

回答 2 已采纳这个问题涉及以下知识点1.vba的for循环2.vba怎么获取sheet数据区域的最大行号3.vba中字符串拼接4.vba数组 Sub Demo() Dim i As Integer, j A
java操作excel中合并单元格问题 java
2017-10-26 04:07

回答 6 已采纳 sheet.mergeCells 用这个合并单元格吧
python 提取excel中相同单元格后对应的值,并合并成一行 python 有问必答
2022-01-18 11:24

回答 3 已采纳
Vue+ElementUI 导出table数据为Excel文件（非npm的方式引入js文件）
2022-04-08 14:05

CCUT的博客最近项目有个需求，将页面中的table导出为excel文件。本来最初的想法的是将数据传输到后台，在使用apache的POI组件导出excel，但是当前项目的框架版本比较老，而且是自研框架，无法调用后台代码。所有这条路走不通，...
excel写一个简单的宏2个单元格互相同步 microsoft 有问必答
2022-05-22 23:06

回答 2 已采纳 Private Sub Worksheet_Change(ByVal Target As Range) Application.EnableEvents = False If Targ
jQuery实现类似excel一样拖动选择table单元格进行合并，如何实现？ jquery
2016-02-29 03:56

回答 4 已采纳自己找插件解决，这个问题好久了。
pandas 怎么对 excel 进行单元格合并 python 数据分析
2021-11-29 16:24

回答 1 已采纳 pandas 用来做数据分析，每一行每一列都有数据更加方便分析单元格合并的操作，如果是为了美观，建议使用WPSpandas 支持按照某列进行自定义排序 # 单列排序，ascending=True 升
做报表必看！一个工具就可搞定中国式复杂报表需求
2020-05-25 10:57

永洪科技的博客领导最初只关心有没有盈利，一个简单的一维利润表就可以。慢慢的领导们不单纯只关注利润，还想知道哪种产品的利润高、哪个区域的利润高，区域慢慢细分到具体的省市县，这样我们的一维表已经不是很满足了，需要使用...
EasyExcel合并单元格 java
2022-08-21 17:47

回答 2 已采纳经过试验证明没有数据的时候不能合并单元格
利用Aspose.Cells完成easyUI中DataGrid数据的Excel导出功能
2019-09-21 23:48

amaqrv4630的博客我准备在项目中实现该功能之前,google发现大部分代码都是利用一般处理程序HttpHandler实现的服务器端数据的Excel导出,但是这样存在的问题是ashx读取的数据一般都是数据库中视图的数据，难免会含有方便操作的主键ID这...
永洪Desktop一个工具就可搞定中国式复杂报表需求
2021-05-14 09:17

永洪科技的博客领导最初只关心有没有盈利，一个简单的一维利润表就可以。慢慢的领导们不单纯只关注利润，还想知道哪种产品的利润高、哪个区域的利润高，区域慢慢细分到具体的省市县，这样我们的一维表已经不是很满足了，需要使用...
没有解决我的问题, 去提问