2 qq 30134199 qq_30134199 于 2016.02.29 11:56 提问

jQuery实现类似excel一样拖动选择table单元格进行合并,如何实现? 40C

在任意单元格,按下鼠标后,可以选中多个行和多个列,松开鼠标后,这些单元格的背景色变化(就像是Excel拖动单元格选择似的那种)
将拖动选中的单元格进行合并

现在可以选中合并了,但我要的是点击右键菜单 合并单元格 然而 选中之后 点击右键,选中的单元格就没有了 只剩右键点击的那一个单元格。有什么解决方法吗???

3个回答

showbo
showbo   Ds   Rxr 2016.03.04 17:12
a_peterpeng
a_peterpeng   2016.02.29 14:07

可以试试bootstrap插件,不知道行不行

Yiran8935
Yiran8935   2016.02.29 14:42

这些可以实现,就用mouseup,mousedown事件进行样式处理,具体实现要看功能需求。
希望可以帮助到你

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
类似excel一样拖动选择table单元格的javascript实现 2W个单元格 的IE效率 怎么做更高
如题 怎么做个 类似excel一样拖动选择table单元格的javascript实现 2W个单元格 的IE效率更高 2W的单元格批量选择 不加ID 效率IE6超级慢
jquery实现的类似excel功能的表格----------请高手优化指点
可编辑的类似于excel功能的jQuery开发的表格,功能上还有很多的缺陷,望网上的各位牛人大哥们。帮小弟优化一下。并完善其功能。 现在可以实现,添加或附加行列,删除行和列。简单的合并行或列。现在想将其添加到右键功能上。另外可以像excel那样拖拉选择单元格。还有合并行和列也只能实现简单的行和列的合并。不能交叉合并的。目前的问题还有在 IE低版本上还存在着合并时只将单元格删除没有添加colspan
jquery实现的类似excel功能的表格
可编辑的类似于excel功能的jQuery开发的表格,功能上还有很多的缺陷,望网上的各位牛人大哥们。帮小弟优化一下。并完善其功能 现在可以实现,添加或附加行列,删除行和列。简单的合并行或列。现在想将其添加到右键功能上。另外可以像excel那样拖拉选择单元格。还有合并行和列也只能实现简单的行和列的合并。不能交叉合并的。目前的问题还有在 IE低版本上还存在着合并时只将单元格删除没有添加colspan这个属性,不知道是什么情况。 本人:笨熊熊 QQ:26732421 期待高手指点!
table合并单元格(Jquery 插件)
一个列表中有很多公共信息重复出现,看上去比较繁琐。在不不改动后台数据结构的情况下,改下一下前端代码把table 中的重复项合并单元格。   实现代码参考如下: 首先要导入: HTML代码: 姓名 学科 学分 小铭 数学 100 小铭 英语 100 小铭 化学 100 小铭 美术
Javascript合并表格相同内容单元格示例
效果图: HTML代码: 表格相同内容合并 合并前: a 1 2 3 4 5 a 1 2 3 4 6 a 2 3 3 4
用最简的代码和例子演示如何使用jQuery进行单元格合并
前言这几天的项目再次应用到了表格中单元格合并的功能,之前的有个项目是只在某一列中进行合并操作,因此代码是遍历每行的某一列单元格,而这次的需求比较复杂,列数很多,都可以动态显示隐藏,原来的代码功能明显不够用了,因此花了点时间,好好整理整理,才有了下面的用于表格单元格合并的插件。 本插件主要用于表格单元格的纵向合并,前提,每行的tr里都有一个属性,比如data-pid,当上下行数据的这个属性值相等时,
JS TABLE CELL 相同内容 单元格 合并
Table前端同一列里面内容相同的单元格合并,网上找的存在如下问题: 1、大部分只能合并某一列,不能多列; 2、有些能合并多列的,首列合并后,第二列合并单元格行数不能超过首列合并的单元格行数,虽然第二列值可能相同的行数更多。例如: 首列 第二列 a b c b c b 总之很不满意,花了一晚上时间写了一下,希望能解决大部分类似问题。
jQuery实现table单元格行合并
目标: 从这样一张表中,合并相同元素为一列 最终期待效果为: 可以看到同一列中相同的元素被合并,这是怎么做到的呢,第一个想法是从每列的第一行数据开始遍历该列,当发现后一行数据跟前一行数据相同时删除该行同时给前一行的rowspan+1,但实际效果问题百出,为什么呢,是这样的,虽然后一行与前一行合并了,但是被合并行依然只占据它原本的位置,而被他合并的单元格的位置,则由各自同行的其他单元格取代它的位
Python之表格的合并单元格
最近在搞word合并单元格的问题,找了一下网上的资源,自己捣鼓了一下,终于
html冻结表格——类似excel功能
这是一个html,无论怎么拖,横向标题和竖向标题都被固定  这是html代码: new document //锁定表头和列 function FixTable(TableID, FixColumnNumber, width, height) { //TableID 要锁定的Table的ID