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

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

img

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

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

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

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

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

之前写一个居于jquery的,题主参考下
https://www.w3dev.cn/article/20160304/jquery-table-td-merge-plugin.aspx

获取到2-1的时候就是起始的行和列坐标啊,
4-2的时候就是结尾的坐标啊
相减就可以知道中间有多少合并的单元格了啊

其实最简单的做法就是,你把选中领的TD分别都加上相同的class,然后根据class去合并

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632