使表格内容可编辑,表格可拖动和可调整大小

时间:2012-11-21 05:24:56

标签: jquery jquery-ui

我想创建一个可拖动,可调整大小的表,并且该表的内容是可编辑的。但是,当我使表格可拖动时,那么contenteditable属性不起作用。
即删除下面的代码使内容可编辑,但我松散了可拖动的属性

$('#awesomeDiv').draggable({
    containment: 'parent'
});

在谷歌浏览器中,它有时会起作用,有时我的意思是,如果我将表格拖到容器边缘,不要释放点击,将鼠标放在表格单元格上然后单击但在Firefox中它永远不会起作用

我创建了一个jsfiddle http://jsfiddle.net/VNLGb/1/

可以随便帮我解决这个问题。

2 个答案:

答案 0 :(得分:0)

向表格标题和列添加额外的事件

onclick="this.focus()"

做了诀窍:))

答案 1 :(得分:0)

尝试http://quocity.com/colresizable/

通过使用它,您可以调整表及其单元格的大小